From 5c49aea07dd064c5967dc8bee498a22dd18824e2 Mon Sep 17 00:00:00 2001
From: siyue <github-actions[bot]@users.noreply.github.com>
Date: Tue, 4 Feb 2025 23:11:30 +0800
Subject: [PATCH] style: workbench  template card style

---
 .../src/components/shared/TemplateSheet.tsx      | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/apps/fronted/src/components/shared/TemplateSheet.tsx b/apps/fronted/src/components/shared/TemplateSheet.tsx
index 7d9539b..213f5bf 100644
--- a/apps/fronted/src/components/shared/TemplateSheet.tsx
+++ b/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"