improve mobile styling 🎨

nfdi4plants · Oct 14, 2024 · 5196108 · 5196108
1 parent 95f78ce
commit 5196108
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/MainPageCard.astro b/src/components/MainPageCard.astro
@@ -19,7 +19,7 @@ let textColor = textColorMap.get(card.data.styling.textColor)
 let buttonColor = bgColorMap.get(card.data.styling.buttonColor)
 let buttonTextColor = textColorMap.get(card.data.styling.buttonTextColor)
 
-const cardBaseClass = card.data.styling.glass ? "card glass lg:!items-center" : "card lg:!items-center"
+const cardBaseClass = card.data.styling.glass ? "card glass max-md:rounded-none lg:!items-center" : "card max-md:rounded-none lg:!items-center"
 
 const cardClassTextRight = `${cardBaseClass} lg:card-side shadow-xl p-6 ${bgColor} ${textColor}`
 const cardClassTextLeft = `${cardBaseClass} lg:card-side shadow-xl p-6 ${bgColor} ${textColor}`

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -64,7 +64,7 @@ const events = await getCollection('events');
       </Fragment>
     </CallToAction>
     <div class="mx-auto w-full max-w-6xl pb-10 md:px-2 lg:py-12 lg:px-8">
-      <div class="grid lg:grid-rows-5 grid-cols-1 gap-5 lg:gap-24">
+      <div class="grid lg:grid-rows-5 grid-cols-1 md:gap-5 lg:gap-24">
           {
             mainPageCards
             .sort((a,b) => a.data.index - b.data.index)