shrink guide previews on mobile

therealPaulPlay · Oct 29, 2024 · 145cc68 · 145cc68
1 parent b39a097
commit 145cc68
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/lib/components/GuideCard.svelte b/src/lib/components/GuideCard.svelte
@@ -27,8 +27,8 @@
 <div
     class="card {mobile
         ? 'image-full'
-        : 'card-side'} bg-base-200 shadow-md hover:shadow-xl transition-shadow duration-300 overflow-hidden">
-    <figure class="relative">
+        : 'card-side'} bg-base-200 shadow-md hover:shadow-xl transition-shadow duration-300 {mobile ? 'max-h-64' : ''} overflow-hidden">
+    <figure class="relative {mobile ? 'max-h-64' : ''}">
         <img
             src="/assets/guide_preview.png"
             class="h-full {mobile ? 'w-64' : 'w-48'} dark:opacity-90"