From 5b713521a12bd33680c99ed67a272df342b22ff5 Mon Sep 17 00:00:00 2001 From: Wanjohi <71614375+wanjohiryan@users.noreply.github.com> Date: Sun, 15 Sep 2024 01:21:26 +0300 Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix:=20Fix=20absolute=20game=20c?= =?UTF-8?q?over=20on=20Safari?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/ui/src/card.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/ui/src/card.tsx b/packages/ui/src/card.tsx index 36258720..594de47c 100644 --- a/packages/ui/src/card.tsx +++ b/packages/ui/src/card.tsx @@ -111,7 +111,7 @@ export const Card = component$(({ titleWidth, titleHeight, game, size, ...props }} class={cn( "w-full mx-auto h-full relative flex overflow-hidden", - "before:absolute before:left-0 before:top-0 before:w-full before:animate-zoom-out before:h-full before:bg-cover before:bg-center before:bg-no-repeat before:bg-[url:var(--before-url)]", + "before:absolute before:inset-0 before:w-full before:animate-zoom-out before:h-full before:bg-cover before:bg-center before:bg-no-repeat before:bg-[url:var(--before-url)]", "after:absolute after:w-[var(--after-width)] after:bg-contain after:h-[var(--after-height)] after:left-0 after:m-auto after:right-0 after:bottom-0 after:top-0 after:bg-center after:bg-no-repeat after:bg-[url:var(--title-url)]" )} />