From 05f582bd28bfc339f0189d110dc3c895ebb0ff42 Mon Sep 17 00:00:00 2001
From: engigu <sayheya@qq.com>
Date: Thu, 22 Jan 2026 19:54:09 +0800
Subject: [PATCH] fix: opt page style

---
 web/src/layouts/MainLayout.vue        | 2 +-
 web/src/views/dashboard/Dashboard.vue | 9 ++++++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/web/src/layouts/MainLayout.vue b/web/src/layouts/MainLayout.vue
index e535f40..c8726bf 100644
--- a/web/src/layouts/MainLayout.vue
+++ b/web/src/layouts/MainLayout.vue
@@ -140,7 +140,7 @@ onMounted(() => {
           <Button variant="ghost" size="icon" class="h-8 w-8 lg:hidden" @click="mobileMenuOpen = true">
             <Menu class="h-5 w-5" />
           </Button>
-          <span class="text-sm text-muted-foreground truncate max-w-[300px] sm:max-w-none">{{ sentence }}</span>
+          <span class="text-[10px] sm:text-sm text-muted-foreground truncate flex-1 min-w-0 mr-4" :title="sentence">{{ sentence }}</span>
         </div>
         <ThemeToggle />
       </div>
diff --git a/web/src/views/dashboard/Dashboard.vue b/web/src/views/dashboard/Dashboard.vue
index 672a62d..ed6b10e 100644
--- a/web/src/views/dashboard/Dashboard.vue
+++ b/web/src/views/dashboard/Dashboard.vue
@@ -12,6 +12,7 @@ const displayStats = ref<Stats>({ tasks: 0, today_execs: 0, envs: 0, logs: 0, sc
 const sendStats = ref<DailyStats[]>([])
 const taskStats = ref<TaskStatsItem[]>([])
 const chartsLoaded = ref(false)
+const sentence = ref('')
 const isMobile = ref(window.innerWidth < 768)
 const chartDays = computed(() => isMobile.value ? 15 : 30)
 
@@ -397,14 +398,16 @@ onMounted(async () => {
   window.addEventListener('resize', handleResize)
   
   try {
-    const [statsData, sendStatsData, taskStatsData] = await Promise.all([
+    const [statsData, sendStatsData, taskStatsData, sentenceData] = await Promise.all([
       api.dashboard.stats(),
       api.dashboard.sendStats(chartDays.value),
-      api.dashboard.taskStats(chartDays.value)
+      api.dashboard.taskStats(chartDays.value),
+      api.dashboard.sentence()
     ])
     updateStats(statsData)
     sendStats.value = sendStatsData
     taskStats.value = taskStatsData
+    sentence.value = sentenceData.sentence
     
     // 渲染图表
     setTimeout(() => {
@@ -444,7 +447,7 @@ onUnmounted(() => {
   <div class="space-y-4">
     <div>
       <h2 class="text-2xl font-bold tracking-tight">数据仪表</h2>
-      <p class="text-muted-foreground">查看系统运行状态和统计数据</p>
+      <p class="text-muted-foreground">{{ sentence || '查看系统运行状态和统计数据' }}</p>
     </div>
 
     <div class="grid gap-4 grid-cols-2 sm:grid-cols-3 lg:grid-cols-6">