UI nitpick

grammyjs · Mar 29, 2024 · d49aa83 · d49aa83
1 parent 3d6081d
commit d49aa83
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/Card.tsx b/components/Card.tsx
@@ -12,8 +12,8 @@ export function Card(
   return (
     <a
       href={disabled ? undefined : href}
-      class={`flex relative items-start justify-between gap-2 p-3 border border-border rounded-xl w-full min-h-[120px] select-none shadow-[0_10px_10px_rgba(76,76,109,.0705882353)] bg-gradient ${
-        disabled ? "opacity-70 cursor-not-allowed" : "cursor-pointer"
+      class={`flex relative items-start justify-between gap-2 p-3 border border-border rounded-xl w-full min-h-[120px] select-none overflow-hidden shadow-[0_10px_10px_rgba(76,76,109,.0705882353)] relative before:(absolute top-0 rounded-xl left-0 z-[-1] h-full w-[101%] bg-gradient) ${
+        disabled ? "opacity-70 cursor-not-allowed" : "cursor-pointer" 
       }`}
     >
       <div class="flex flex-col gap-1">