From 3a33159751592b7acf0fe0678d2b3d648486f560 Mon Sep 17 00:00:00 2001
From: engigu <sayheya@qq.com>
Date: Fri, 10 Apr 2026 20:08:36 +0800
Subject: [PATCH] chore: adjust about

---
 web/src/views/settings/AboutSettings.vue | 36 +++++++++++++++---------
 1 file changed, 22 insertions(+), 14 deletions(-)

diff --git a/web/src/views/settings/AboutSettings.vue b/web/src/views/settings/AboutSettings.vue
index c87bb82..f7641ff 100644
--- a/web/src/views/settings/AboutSettings.vue
+++ b/web/src/views/settings/AboutSettings.vue
@@ -7,7 +7,7 @@ import { api, type AboutInfo } from '@/api'
 const aboutInfo = ref<AboutInfo | null>(null)
 
 const techStack = ['Golang', 'Vue 3', 'TypeScript', 'Vite', 'Tailwind CSS', 'Shadcn/ui']
-const features = ['脚本管理', '定时任务', '在线终端', '执行日志', '环境变量', 'Docker部署']
+const features = ['脚本管理', '定时任务', '多语言支持', '依赖管理', '在线终端', '执行日志', '环境变量', '消息推送', '容器部署', '备份恢复']
 
 async function loadAbout() {
   try {
@@ -21,13 +21,20 @@ onMounted(loadAbout)
 <template>
   <div>
     <!-- 站点关于 -->
-    <div class="mb-8 flex flex-col sm:flex-row justify-between items-start gap-4">
-      <div class="flex-1 min-w-0">
-        <h3 class="text-xl font-bold mb-1.5">白虎面板 (Baihu Panel)</h3>
+    <div class="mb-8 flex flex-col lg:flex-row justify-between items-start gap-4">
+      <div class="flex-1 min-w-0 w-full">
+        <div class="flex items-start justify-between mb-1.5 gap-4">
+          <h3 class="text-xl font-bold">白虎面板 (Baihu Panel)</h3>
+          <a href="https://engigu.github.io/baihu-panel/guide/changelog.html" target="_blank"
+            class="lg:hidden inline-flex items-center gap-1.5 h-8 px-3 rounded-full border border-primary/20 bg-primary/5 text-primary text-[10px] sm:text-xs font-semibold hover:bg-primary/10 transition-all whitespace-nowrap shadow-sm">
+            <History class="h-3 w-3" />
+            更新日志
+          </a>
+        </div>
         <p class="text-sm text-muted-foreground leading-relaxed">极致轻量、高性能的自动化任务调度平台。深度集成 Mise 运行时管理，支持多语言环境动态切换与全自动依赖管理。</p>
       </div>
       <a href="https://engigu.github.io/baihu-panel/guide/changelog.html" target="_blank"
-        class="inline-flex items-center gap-1.5 h-9 px-4 rounded-full border border-primary/20 bg-primary/5 text-primary text-xs font-semibold hover:bg-primary/10 transition-all whitespace-nowrap shadow-sm shadow-primary/5">
+        class="hidden lg:inline-flex items-center gap-1.5 h-9 px-4 rounded-full border border-primary/20 bg-primary/5 text-primary text-xs font-semibold hover:bg-primary/10 transition-all whitespace-nowrap shadow-sm shadow-primary/5">
         <History class="h-3.5 w-3.5" />
         查看更新日志
       </a>
@@ -60,7 +67,7 @@ onMounted(loadAbout)
           <div class="flex justify-between items-center">
             <span class="text-muted-foreground text-sm">当前版本:</span>
             <div class="flex items-center gap-1.5">
-              <span class="text-sm font-medium">{{ aboutInfo?.version || 'dev' }}</span>
+              <span class="text-muted-foreground text-sm">{{ aboutInfo?.version || 'dev' }}</span>
               <Badge v-if="aboutInfo?.remote_version && aboutInfo.remote_version === aboutInfo.version" variant="secondary"
                 class="text-[10px] h-4 px-1 bg-green-500/10 text-green-600 border-green-500/20 shadow-none">
                 最新版本
@@ -70,23 +77,23 @@ onMounted(loadAbout)
           <div v-if="aboutInfo?.remote_version && aboutInfo.remote_version !== aboutInfo.version"
             class="flex justify-between items-center">
             <span class="text-muted-foreground text-sm">最新版本:</span>
-            <span class="text-sm font-medium text-primary">{{ aboutInfo.remote_version }}</span>
+            <span class="text-muted-foreground text-sm">{{ aboutInfo.remote_version }}</span>
           </div>
           <div class="flex justify-between items-center">
             <span class="text-muted-foreground text-sm">构建时间:</span>
-            <span class="text-sm">{{ aboutInfo?.build_time || '-' }}</span>
+            <span class="text-muted-foreground text-sm">{{ aboutInfo?.build_time || '-' }}</span>
           </div>
           <div class="flex justify-between items-center">
             <span class="text-muted-foreground text-sm">内存使用:</span>
-            <span class="text-sm">{{ aboutInfo?.mem_usage || '-' }}</span>
+            <span class="text-muted-foreground text-sm">{{ aboutInfo?.mem_usage || '-' }}</span>
           </div>
           <div class="flex justify-between items-center">
             <span class="text-muted-foreground text-sm">协程数量:</span>
-            <span class="text-sm">{{ aboutInfo?.goroutines || '-' }}</span>
+            <span class="text-muted-foreground text-sm">{{ aboutInfo?.goroutines || '-' }}</span>
           </div>
           <div class="flex justify-between items-center">
             <span class="text-muted-foreground text-sm">运行时间:</span>
-            <span class="text-sm">{{ aboutInfo?.uptime || '-' }}</span>
+            <span class="text-muted-foreground text-sm">{{ aboutInfo?.uptime || '-' }}</span>
           </div>
         </div>
       </div>
@@ -106,12 +113,13 @@ onMounted(loadAbout)
     </div>
 
     <!-- 底部：版权和链接 -->
-    <div class="mt-6 pt-4 border-t flex items-center justify-center gap-2 text-sm text-muted-foreground">
+    <div class="mt-6 pt-4 border-t flex items-center justify-center gap-2 text-[10px] sm:text-sm text-muted-foreground whitespace-nowrap overflow-hidden">
       <span>© 2025 - Present 保留所有权利。</span>
+      <span class="opacity-20">|</span>
       <a href="https://github.com/engigu/baihu-panel/" target="_blank"
         class="inline-flex items-center gap-1 text-primary hover:underline">
-        <ExternalLink class="h-3.5 w-3.5" />
-        GitHub 仓库
+        <ExternalLink class="h-3 w-3" />
+        GitHub
       </a>
     </div>
   </div>