style: workbench template card style

apps/fronted/src/components/shared/TemplateSheet.tsx

@@ -43,25 +43,23 @@ const TemplateSheet = () => {
         {/* 解决警告问题 */}
         <SheetDescription></SheetDescription>
 
-        <div className="grid grid-cols-4 gap-4 mt-4">
+        <div className="grid grid-cols-3 gap-4 mt-4">
           {DEFAULT_TEMPLATES.map((t) => (
             <button
               key={t.id}
               onClick={() => setTemplate(t.id)}
               className={cn(
-                "relative group rounded-lg overflow-hidden border-2 transition-all duration-200 aspect-[210/297]",
+                "relative group rounded-lg overflow-hidden border transition-all duration-200 hover:scale-[1.02]",
                 t.id === currentTemplate.id
                   ? "border-black dark:border-white"
                   : "dark:border-neutral-800 dark:hover:border-neutral-700 border-gray-100 hover:border-gray-200"
               )}
             >
-              <div className="absolute inset-0">
-                <img
-                  src={templateImages[t.id].src}
-                  alt={t.name}
-                  className="w-full  object-cover"
-                />
-              </div>
+              <img
+                src={templateImages[t.id].src}
+                alt={t.name}
+                className="w-full h-auto"
+              />
               {t.id === currentTemplate.id && (
                 <motion.div
                   layoutId="template-selected"