fix #4: Render ribbon above card border

2026-02-23 15:43:50 +05:30
parent cfee953dee
commit b36319f5f4
1 changed files with 1 additions and 1 deletions
--- a/src/components/ProjectsSection.tsx
+++ b/src/components/ProjectsSection.tsx
@@ -67,7 +67,7 @@ export function ProjectsSection() {
                        className={`group relative p-6 bg-(--bg-surface) sketch-border-subtle cursor-pointer overflow-visible ${idx % 2 === 0 ? 'transform rotate-[0.5deg]' : 'transform -rotate-[0.5deg]'}`}
                    >
                        {project.ribbon && (
-                            <div className="absolute -top-2 -right-10 rotate-12">
+                            <div className="absolute -top-2 -right-10 rotate-12 z-10">
                                <div className="sketch-border-subtle bg-(--color-accent) text-(--bg-base) px-6 py-1 text-xs font-sketch uppercase tracking-wide shadow-lg">
                                    {project.ribbon}
                                </div>