fix: frontpage box scaling on safari (#119)

gathering · Dec 4, 2024 · 77469e7 · 77469e7
1 parent 735936d
commit 77469e7
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/frontpage/InfoBox.astro b/src/components/frontpage/InfoBox.astro
@@ -10,9 +10,13 @@ const { image } = Astro.props;
   class="bg-white p-4 rounded-3xl grid md:p-6 md:grid-cols-2 gap-4 md:h-full md:m-auto md:rounded-2xl"
 >
   <aside
-    class="rounded-2xl overflow-hidden h-full w-full md:rounded-xl md:order-last"
+    class="rounded-2xl overflow-hidden md:relative h-full w-full md:rounded-xl md:order-last"
   >
-    <img src={image} alt="" class="object-cover h-full" />
+    <img
+      src={image}
+      alt=""
+      class="object-cover md:h-full md:absolute md:top-0 md:right-0"
+    />
   </aside>
   <div class="flex flex-col justify-end items-start">
     <slot />