From 302f106ae6e28f074769f7f3f27c862044d83368 Mon Sep 17 00:00:00 2001
From: Julian Freeman <freemanjulian372@gmail.com>
Date: Mon, 19 Jan 2026 15:12:59 -0400
Subject: [PATCH] css

---
 src/App.vue                       | 2 +-
 src/components/ThumbnailStrip.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index c4d6740..5b69a10 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -110,7 +110,7 @@ async function exportBatch() {
   <div class="h-screen w-screen bg-gray-900 text-white overflow-hidden flex flex-col">
       <header class="h-14 bg-gray-800 flex items-center justify-between px-6 border-b border-gray-700 shrink-0 shadow-md z-10">
           <div class="flex items-center gap-4">
-              <h1 class="text-lg font-bold tracking-wider bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent">水印精灵</h1>
+              <h1 class="text-lg font-bold tracking-wider bg-linear-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent">水印精灵</h1>
           </div>
           
           <div class="flex items-center gap-3">
diff --git a/src/components/ThumbnailStrip.vue b/src/components/ThumbnailStrip.vue
index 87c920c..1a3cb9f 100644
--- a/src/components/ThumbnailStrip.vue
+++ b/src/components/ThumbnailStrip.vue
@@ -23,7 +23,7 @@ const onSelect = (index: number) => {
     >
       <template #default="{ item, index }">
         <div 
-            class="h-full w-[100px] p-2 cursor-pointer transition-colors"
+            class="h-full w-25 p-2 cursor-pointer transition-colors"
             :class="{'bg-blue-600': store.selectedIndex === index, 'hover:bg-gray-700': store.selectedIndex !== index}"
             @click="onSelect(index)"
         >