mobile styling

football-betting · Jun 18, 2024 · cab48bc · cab48bc
1 parent 24bb14d
commit cab48bc
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/pages/table.astro b/src/pages/table.astro
@@ -21,25 +21,25 @@ const global = data.table.global;
         <h1 class="mt-10 text-center">Tabelle</h1>
 
 
-        <section class="flex flex-row flex-wrap px-10 mb-16">
+        <section class="flex flex-row flex-wrap px-2 xs:px-10 mb-16">
 
             <input id="tab-one" type="radio" name="tabs" class="peer/tab-one opacity-0 absolute" checked />
-            <label for="tab-one" class="text-zinc-400 md:px-8 hover:font-black peer-checked/tab-one:border-b-red-500 peer-checked/tab-one:text-white peer-checked/tab-one:font-extrabold peer-checked/tab-one:border-b-2 cursor-pointer p-4 block ">
+            <label for="tab-one" class="text-zinc-400 px-3 xs:px-8 hover:font-black peer-checked/tab-one:border-b-red-500 peer-checked/tab-one:text-white peer-checked/tab-one:font-extrabold peer-checked/tab-one:border-b-2 cursor-pointer p-4 block ">
                 Global
             </label>
 
             <input id="tab-two" type="radio" name="tabs" class="peer/tab-two opacity-0 absolute" />
-            <label for="tab-two" class="text-zinc-400 md:px-8 hover:font-black peer-checked/tab-two:border-b-red-500 peer-checked/tab-two:text-white peer-checked/tab-two:font-extrabold peer-checked/tab-two:border-b-2 cursor-pointer p-4 block ">
+            <label for="tab-two" class="text-zinc-400 px-3 xs:px-8 hover:font-black peer-checked/tab-two:border-b-red-500 peer-checked/tab-two:text-white peer-checked/tab-two:font-extrabold peer-checked/tab-two:border-b-2 cursor-pointer p-4 block ">
                 Langenfeld
             </label>
 
             <input id="tab-three" type="radio" name="tabs" class="peer/tab-three opacity-0 absolute" />
-            <label for="tab-three" class="text-zinc-400 md:px-8 hover:font-black peer-checked/tab-three:border-b-red-500 peer-checked/tab-three:text-white peer-checked/tab-three:font-extrabold peer-checked/tab-three:border-b-2 cursor-pointer p-4 block ">
+            <label for="tab-three" class="text-zinc-400 px-3 xs:px-8 hover:font-black peer-checked/tab-three:border-b-red-500 peer-checked/tab-three:text-white peer-checked/tab-three:font-extrabold peer-checked/tab-three:border-b-2 cursor-pointer p-4 block ">
                 Mannheim
             </label>
 
             <input id="tab-four" type="radio" name="tabs" class="peer/tab-four opacity-0 absolute" />
-            <label for="tab-four" class="text-zinc-400 md:px-8 hover:font-black peer-checked/tab-four:border-b-red-500 peer-checked/tab-four:text-white peer-checked/tab-four:font-extrabold peer-checked/tab-four:border-b-2 cursor-pointer p-4 block ">
+            <label for="tab-four" class="text-zinc-400 px-3 xs:px-8 hover:font-black peer-checked/tab-four:border-b-red-500 peer-checked/tab-four:text-white peer-checked/tab-four:font-extrabold peer-checked/tab-four:border-b-2 cursor-pointer p-4 block ">
                 Mainz
             </label>