background image and touch-up

2025-04-10 12:15:54 -04:00
parent 5fc5fcd486
commit ffa9c5a9a6
3 changed files with 9 additions and 8 deletions
--- a/components/Card.tsx
+++ b/components/Card.tsx
@@ -10,10 +10,11 @@ type CardProps = {
 export default function Card({ card: { aria, url }, flipAction }: CardProps) {
  return (
    <div
-      className={`w-24 h-32 flex items-center justify-center cursor-pointer`}
+      className="h-[21vh] w-[15vh] flex items-center justify-center cursor-pointer"
      onClick={flipAction}
    >
      <img
+        className="rounded-xl"
        src={url}
        alt={aria}
      />