截图模块优化调整

src/modules/screenshot/ScreenshotModule.vue

@@ -160,24 +160,22 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <div class="h-full overflow-hidden">
-    <Tabs v-model="activeTab" class="h-full flex flex-col">
-      <div ref="tabsListRef" class="px-4 pt-3 pb-2 shrink-0">
-        <TabsList>
-          <TabsTrigger value="settings">设置</TabsTrigger>
-          <TabsTrigger value="history">
-            历史
-            <span v-if="store.recent.length" class="ml-1 text-xs text-muted-foreground">
-              ({{ store.recent.length }})
-            </span>
+  <div class="h-full p-6 overflow-hidden flex flex-col">
+    <Tabs v-model="activeTab" class="flex-1 min-h-0 flex flex-col">
+      <div ref="tabsListRef" class="shrink-0">
+        <TabsList class="grid w-full max-w-md grid-cols-2 !bg-transparent !p-0 !shadow-none">
+          <TabsTrigger value="settings" class="gap-1.5"><Settings class="size-3.5" />设置</TabsTrigger>
+          <TabsTrigger value="history" class="gap-1.5">
+            <ImageIcon class="size-3.5" />历史
+            <span v-if="store.recent.length" class="text-xs text-muted-foreground">({{ store.recent.length }})</span>
           </TabsTrigger>
         </TabsList>
       </div>
 
       <!-- 截图设置 -->
-      <TabsContent value="settings" class="flex-1 min-h-0 mt-0">
+      <TabsContent value="settings" class="flex-1 min-h-0 mt-4">
         <ScrollArea class="h-full">
-          <div class="p-4 pt-0 space-y-4 max-w-3xl mx-auto">
+          <div class="space-y-4 max-w-3xl">
             <!-- 快捷键 -->
             <Card>
               <CardHeader>
@@ -230,7 +228,8 @@ onUnmounted(() => {
                 <div class="mt-3 pt-3 border-t text-sm text-muted-foreground space-y-1.5">
                   <p>· 进入截图后 <span class="text-foreground">移动鼠标</span> 自动识别窗口，<span class="text-foreground">点击</span> 选中窗口</p>
                   <p>· <span class="text-foreground">长按拖动</span> 自由选择区域，选区可拖动 / 缩放手柄调整大小</p>
-                  <p>· 选区右下方编辑栏可标注（矩形 / 椭圆 / 箭头 / 序号 / 画笔 / 文字 / 马赛克 / 高亮）</p>
+                  <p>· 编辑栏支持矩形 / 椭圆 / 箭头 / 序号 / 画笔 / 文字 / 马赛克 / 高亮，颜色与粗细可随时调整</p>
+                  <p>· 点击标注可选中移动，文字标注点击内容可重新编辑</p>
                   <p>
                     · <kbd class="px-1 py-0.5 text-xs rounded bg-muted border">Enter</kbd> / 双击复制并完成，
                     <kbd class="px-1 py-0.5 text-xs rounded bg-muted border">Esc</kbd> 逐级取消
@@ -329,7 +328,7 @@ onUnmounted(() => {
       <!-- 历史记录 -->
       <TabsContent value="history" class="flex-1 min-h-0 mt-0">
         <ScrollArea class="h-full">
-          <div class="p-4 pt-0">
+          <div>
             <!-- 空状态 -->
             <div
               v-if="store.recent.length === 0"

src/modules/screenshot/index.ts

@@ -13,7 +13,7 @@ export const moduleConfig: ModuleConfig = {
   id: 'screenshot',
   name: '截图',
   icon: 'screenshot',
-  description: '区域截图、窗口截图与图片编辑',
+  description: '截图、标注与图片编辑',
   category: 'media',
   defaultEnabled: true,
   loader: () => import('./ScreenshotModule.vue'),