feat: opt page style

web/src/views/tasks/RepoDialog.vue

@@ -111,7 +111,7 @@ async function save() {
 
 <template>
   <Dialog :open="open" @update:open="emit('update:open', $event)">
-    <DialogContent class="sm:max-w-[480px] max-h-[85vh] flex flex-col !gap-0 !p-0">
+    <DialogContent class="sm:max-w-[480px] max-h-[85vh] flex flex-col !gap-0 !p-0" :trap-focus="false" @open-auto-focus.prevent>
       <DialogHeader class="shrink-0 p-6 pb-0">
         <DialogTitle>{{ isEdit ? '编辑仓库同步' : '新建仓库同步' }}</DialogTitle>
       </DialogHeader>

web/src/views/tasks/TaskDialog.vue

@@ -124,7 +124,7 @@ async function save() {
 
 <template>
   <Dialog :open="open" @update:open="emit('update:open', $event)">
-    <DialogContent class="sm:max-w-[480px]">
+    <DialogContent class="sm:max-w-[480px]" @open-auto-focus.prevent>
       <DialogHeader>
         <DialogTitle>{{ isEdit ? '编辑任务' : '新建任务' }}</DialogTitle>
       </DialogHeader>

web/src/views/tasks/Tasks.vue

@@ -136,7 +136,7 @@ onMounted(loadTasks)
       <!-- 表头 -->
       <div class="flex items-center gap-2 sm:gap-4 px-3 sm:px-4 py-2 border-b bg-muted/50 text-xs sm:text-sm text-muted-foreground font-medium min-w-[360px] sm:min-w-[700px]">
         <span class="w-12 sm:w-14 shrink-0">ID</span>
-        <span class="w-6 sm:w-8 shrink-0 text-center">类型</span>
+        <span class="w-6 sm:w-12 shrink-0 text-center">类型</span>
         <span class="flex-1 min-w-0">名称</span>
         <span class="w-32 sm:flex-1 shrink-0 sm:shrink hidden sm:block">命令/地址</span>
         <span class="w-32 shrink-0 hidden md:block">定时规则</span>