ai-space/magic-resume
3
0
Fork 0
mirror of https://github.com/JOYCEQL/magic-resume.git synced 2026-07-03 14:07:11 +02:00
Code Issues Packages Projects Releases Wiki Activity

style: workbench template card dark mode select style

Browse Source
This commit is contained in:
siyue
2025-02-04 23:21:01 +08:00
committed by qingchen
parent 5c49aea07d
commit 7fcf034640
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/fronted/src/components/shared/TemplateSheet.tsx
+4 -4
View File
@@ -49,9 +49,9 @@ const TemplateSheet = () => {
key={t.id}
onClick={() => setTemplate(t.id)}
className={cn(
"relative group rounded-lg overflow-hidden border transition-all duration-200 hover:scale-[1.02]",
"relative group rounded-lg overflow-hidden border-2 transition-all duration-200 hover:scale-[1.02]",
t.id === currentTemplate.id
? "border-black dark:border-white"
? "border-primary dark:border-primary shadow-lg dark:shadow-primary/30"
: "dark:border-neutral-800 dark:hover:border-neutral-700 border-gray-100 hover:border-gray-200"
)}
>
@@ -63,9 +63,9 @@ const TemplateSheet = () => {
{t.id === currentTemplate.id && (
<motion.div
layoutId="template-selected"
className="absolute inset-0 flex items-center justify-center bg-black/20 dark:bg-white/20"
className="absolute inset-0 flex items-center justify-center bg-black/20 dark:bg-white/30"
>
<Layout className="w-6 h-6 text-white" />
<Layout className="w-6 h-6 text-white dark:text-primary" />
</motion.div>
)}
</button>