css

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">

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)"
         >