From c6e4d8781c2e58f688573fe088868c15abe95bf6 Mon Sep 17 00:00:00 2001
From: engigu <sayheya@qq.com>
Date: Mon, 30 Mar 2026 17:43:21 +0800
Subject: [PATCH] chore: adjust task add page style

---
 web/src/views/tasks/RepoDialog.vue | 22 ++++++++++------------
 web/src/views/tasks/TaskDialog.vue | 21 ++++++++++-----------
 2 files changed, 20 insertions(+), 23 deletions(-)

diff --git a/web/src/views/tasks/RepoDialog.vue b/web/src/views/tasks/RepoDialog.vue
index cf72017..01208dd 100644
--- a/web/src/views/tasks/RepoDialog.vue
+++ b/web/src/views/tasks/RepoDialog.vue
@@ -420,13 +420,11 @@ async function save() {
 
 <template>
   <Dialog :open="open" @update:open="emit('update:open', $event)">
-    <DialogContent class="sm:max-w-[560px] p-0 overflow-hidden border-none bg-background/95 backdrop-blur-xl shadow-2xl" @openAutoFocus.prevent>
-      <div class="absolute inset-0 bg-gradient-to-br from-primary/5 via-transparent to-primary/5 pointer-events-none" />
-
+    <DialogContent class="sm:max-w-[560px] p-0 overflow-hidden border-none bg-background shadow-2xl" @openAutoFocus.prevent>
       <div class="flex flex-col max-h-[85vh]">
         <DialogHeader class="px-6 pr-12 pt-6 pb-2 shrink-0">
           <div class="flex items-center justify-between">
-            <DialogTitle class="text-xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-foreground to-foreground/70">
+            <DialogTitle class="text-xl font-bold">
               {{ isEdit ? '编辑仓库同步' : '新建仓库同步' }}
             </DialogTitle>
             <Button v-if="!isEdit" variant="outline" size="sm" @click="importFromQl" class="h-8 gap-1.5 bg-primary/5 hover:bg-primary/10 border-primary/20 hover:border-primary/40 text-primary">
@@ -447,7 +445,7 @@ async function save() {
 
               <div class="grid gap-4 pl-3 border-l border-muted">
                 <div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-3">
-                  <Label class="sm:text-right text-xs text-foreground/70 uppercase tracking-wider font-medium">任务名称</Label>
+                  <Label class="sm:text-right text-xs text-muted-foreground uppercase tracking-wider font-semibold">任务名称</Label>
                   <Input v-model="form.name" placeholder="输入同步任务名称" class="sm:col-span-3 h-9 bg-muted/30 border-muted-foreground/20 focus:bg-background transition-all" />
                 </div>
 
@@ -485,7 +483,7 @@ async function save() {
 
               <div class="grid gap-4 pl-3 border-l border-muted">
                 <div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-3">
-                  <Label class="sm:text-right text-xs text-foreground/70 uppercase tracking-wider font-medium">源类型</Label>
+                  <Label class="sm:text-right text-xs text-muted-foreground uppercase tracking-wider font-semibold">源类型</Label>
                   <div class="sm:col-span-3">
                     <Select :model-value="repoConfig.source_type" @update:model-value="(v) => repoConfig.source_type = String(v || 'git')">
                       <SelectTrigger class="h-9 bg-muted/30 border-muted-foreground/20">
@@ -521,7 +519,7 @@ async function save() {
                 </div>
 
                 <div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-3">
-                  <Label class="sm:text-right text-xs text-foreground/70 uppercase tracking-wider font-medium">目标路径</Label>
+                  <Label class="sm:text-right text-xs text-muted-foreground uppercase tracking-wider font-semibold">目标路径</Label>
                   <div class="sm:col-span-3">
                     <DirTreeSelect v-if="selectedAgentId === 'local'" :model-value="repoConfig.target_path || ''"
                       @update:model-value="v => repoConfig.target_path = v" class="h-9" />
@@ -734,8 +732,8 @@ async function save() {
             <!-- 调度策略 Section -->
             <section class="space-y-4">
               <div class="flex items-center gap-2 mb-1">
-                <div class="h-4 w-1 bg-primary rounded-full" />
-                <h3 class="text-sm font-bold text-foreground">调度策略</h3>
+                <div class="h-4 w-1 bg-primary rounded-full shadow-sm shadow-primary/20" />
+                <h3 class="text-sm font-bold text-foreground/90">调度策略</h3>
               </div>
 
               <div class="grid gap-5 pl-3 border-l border-muted">
@@ -763,7 +761,7 @@ async function save() {
                 </div>
 
                 <div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-3">
-                  <Label class="sm:text-right text-xs text-foreground/70 uppercase tracking-wider font-medium">随机延迟</Label>
+                  <Label class="sm:text-right text-xs text-muted-foreground uppercase tracking-wider font-semibold">随机延迟</Label>
                   <div class="sm:col-span-3 flex items-center gap-4">
                     <div class="flex items-center gap-2">
                       <Input :model-value="form.random_range" @update:model-value="v => form.random_range = Number(v || 0)" type="number" :min="0" class="w-20 h-9 bg-muted/30 text-center" />
@@ -776,7 +774,7 @@ async function save() {
                 </div>
 
                 <div class="grid grid-cols-1 sm:grid-cols-4 items-start gap-3">
-                  <Label class="sm:text-right text-xs text-foreground/70 uppercase tracking-wider font-medium">运行策略</Label>
+                  <Label class="sm:text-right text-xs text-muted-foreground uppercase tracking-wider font-semibold">运行策略</Label>
                   <div class="sm:col-span-3 space-y-4">
                     
                     <div class="p-3 rounded-xl bg-muted/20 border border-muted-foreground/10 space-y-2.5">
@@ -849,7 +847,7 @@ async function save() {
 
   <!-- 青龙导入提示对话框 -->
   <Dialog :open="showQlImportDialog" @update:open="v => showQlImportDialog = v">
-    <DialogContent class="sm:max-w-[425px] p-0 border-none bg-background/95 backdrop-blur-xl shadow-2xl">
+    <DialogContent class="sm:max-w-[425px] p-0 border-none bg-background shadow-2xl">
       <DialogHeader class="px-6 pt-6 pb-2">
         <DialogTitle class="text-xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-foreground to-foreground/70">
           请输入青龙面板的 ql repo 指令
diff --git a/web/src/views/tasks/TaskDialog.vue b/web/src/views/tasks/TaskDialog.vue
index 226cd12..4248123 100644
--- a/web/src/views/tasks/TaskDialog.vue
+++ b/web/src/views/tasks/TaskDialog.vue
@@ -451,12 +451,11 @@ async function save() {
 
 <template>
   <Dialog :open="open" @update:open="emit('update:open', $event)">
-    <DialogContent class="sm:max-w-[560px] p-0 overflow-hidden border-none bg-background/95 backdrop-blur-xl shadow-2xl" @openAutoFocus.prevent>
-      <div class="absolute inset-0 bg-gradient-to-br from-primary/5 via-transparent to-primary/5 pointer-events-none" />
+    <DialogContent class="sm:max-w-[560px] p-0 overflow-hidden border-none bg-background shadow-2xl" @openAutoFocus.prevent>
 
       <div class="flex flex-col max-h-[85vh]">
         <DialogHeader class="px-6 pr-12 pt-6 pb-2 shrink-0">
-          <DialogTitle class="text-xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-foreground to-foreground/70">
+          <DialogTitle class="text-xl font-bold">
             {{ isEdit ? '编辑任务' : '新建任务' }}
           </DialogTitle>
         </DialogHeader>
@@ -472,7 +471,7 @@ async function save() {
 
               <div class="grid gap-4 pl-3 border-l border-muted">
                 <div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-3">
-                  <Label class="sm:text-right text-xs text-foreground/70 uppercase tracking-wider font-medium">任务名称</Label>
+                  <Label class="sm:text-right text-xs text-muted-foreground uppercase tracking-wider font-semibold">任务名称</Label>
                   <Input v-model="form.name" placeholder="输入任务描述性名称" 
                     :class="cn('sm:col-span-3 h-9 bg-muted/20 border-muted-foreground/15 transition-all focus:bg-background/50', form.name ? 'text-sm font-medium' : 'text-[11px] font-normal')" />
                 </div>
@@ -503,7 +502,7 @@ async function save() {
                 </div>
 
                 <div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-3">
-                  <Label class="sm:text-right text-xs text-foreground/70 uppercase tracking-wider font-medium">执行位置</Label>
+                  <Label class="sm:text-right text-xs text-muted-foreground uppercase tracking-wider font-semibold">执行位置</Label>
                   <div class="sm:col-span-3">
                     <Select v-model="selectedAgentId">
                       <SelectTrigger class="h-9 bg-muted/20 border-muted-foreground/15">
@@ -528,7 +527,7 @@ async function save() {
                 </div>
 
                 <div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-3">
-                  <Label class="sm:text-right text-xs text-foreground/70 uppercase tracking-wider font-medium">触发方式</Label>
+                  <Label class="sm:text-right text-xs text-muted-foreground uppercase tracking-wider font-semibold">触发方式</Label>
                   <div class="sm:col-span-3">
                     <Select v-model="selectedTriggerType">
                       <SelectTrigger class="h-9 bg-muted/20 border-muted-foreground/15">
@@ -664,7 +663,7 @@ async function save() {
                 </div>
 
                 <div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-3">
-                  <Label class="sm:text-right text-xs text-foreground/70 uppercase tracking-wider font-medium">工作目录</Label>
+                  <Label class="sm:text-right text-xs text-muted-foreground uppercase tracking-wider font-semibold">工作目录</Label>
                   <div class="sm:col-span-3">
                     <DirTreeSelect v-if="selectedAgentId === 'local'" v-model="currentWorkDir" class="h-9" />
                     <Input v-else v-model="currentWorkDir" placeholder="任务运行路径（留空取 Agent 默认值）" 
@@ -765,14 +764,14 @@ async function save() {
             <!-- 调度与策略 Section -->
             <section class="space-y-4">
               <div class="flex items-center gap-2 mb-1">
-                <div class="h-4 w-1 bg-primary rounded-full" />
-                <h3 class="text-sm font-bold text-foreground">调度策略</h3>
+                <div class="h-4 w-1 bg-primary rounded-full shadow-sm shadow-primary/20" />
+                <h3 class="text-sm font-bold text-foreground/90">调度策略</h3>
               </div>
 
               <div class="grid gap-5 pl-3 border-l border-muted">
                 <template v-if="selectedTriggerType === TRIGGER_TYPE.CRON">
                   <div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-3">
-                    <Label class="sm:text-right text-xs text-muted-foreground uppercase tracking-wider font-semibold">定时规则</Label>
+                    <Label class="sm:text-right text-xs text-foreground/70 uppercase tracking-wider font-semibold">定时规则</Label>
                     <div class="sm:col-span-3">
                       <Input v-model="form.schedule" placeholder="秒 分 时 日 月 周 (必须 6 位)" 
                         :class="cn('h-9 bg-muted/20 border-muted-foreground/15 transition-all focus:ring-1 focus:ring-primary/40 focus:border-primary/40', form.schedule ? 'font-mono text-sm tracking-[0.1em] font-medium' : 'text-[11px] font-normal')" />
@@ -804,7 +803,7 @@ async function save() {
                   </div>
 
                   <div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-3">
-                    <Label class="sm:text-right text-xs text-foreground/70 uppercase tracking-wider font-medium">随机延迟</Label>
+                    <Label class="sm:text-right text-xs text-muted-foreground uppercase tracking-wider font-semibold">随机延迟</Label>
                     <div class="sm:col-span-3 flex items-center gap-4">
                       <div class="flex items-center gap-2 group">
                         <Input :model-value="form.random_range" @update:model-value="v => form.random_range = Number(v || 0)" type="number" :min="0"