Make play button responsive

Qqkyu · Aug 28, 2023 · a7cc0f7 · a7cc0f7
1 parent 9ff9d92
commit a7cc0f7
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/frontend/src/pages/en/index.astro b/frontend/src/pages/en/index.astro
@@ -10,11 +10,11 @@ const cards = await getCards({ lang: "en" });
 
 <Layout>
   <div class="gap-5 sm:gap-10 lg:gap-20 flex flex-col items-center">
-    <section class="flex flex-col items-center gap-2.5 sm:gap-5 lg:gap-10">
+    <section class="flex flex-col items-center gap-3 sm:gap-5 lg:gap-10">
       <Font.H1 color="text-base-content">First ever free taboo cards API</Font.H1>
       <div class="indicator">
         <span class="indicator-item indicator-center badge badge-secondary">Coming soon</span>
-        <a href="/en/play" class="btn btn-primary btn-disabled btn-lg">Play now</a>
+        <a href="/en/play" class="btn btn-primary btn-disabled btn-wide btn-md sm:btn-lg">Play now</a>
       </div>
     </section>
     <CardsCarousel cards={cards} />

diff --git a/frontend/src/pages/pl/index.astro b/frontend/src/pages/pl/index.astro
@@ -10,11 +10,11 @@ const cards = await getCards({ lang: "pl" });
 
 <Layout>
   <div class="gap-5 sm:gap-10 lg:gap-20 flex flex-col items-center">
-    <section class="text-center flex flex-col items-center gap-2.5 sm:gap-5 lg:gap-10">
+    <section class="text-center flex flex-col items-center gap-3 sm:gap-5 lg:gap-10">
       <Font.H1 color="text-base-content">Pierwsze darmowe API do kart taboo</Font.H1>
       <div class="indicator">
         <span class="indicator-item indicator-center badge badge-secondary">Wkrótce</span>
-        <a href="/en/play" class="btn btn-primary btn-disabled btn-lg">Graj</a>
+        <a href="/en/play" class="btn btn-primary btn-disabled btn-wide btn-md sm:btn-lg">Graj</a>
       </div>
     </section>
     <CardsCarousel cards={cards} />