Fixed padding on nav buttons for mobile

ethanfox · Jul 14, 2024 · 7759700 · 7759700
1 parent e067899
commit 7759700
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/Navigation.vue b/src/components/Navigation.vue
@@ -12,12 +12,12 @@
 
     <div class="w-full justify-between flex shadow-lg">
       <a
-        class="flex-p-8 my-auto mx-auto font-semibold text-lg hover:bg-neutral-200 px-16 object-center w-full h-full text-center flex content-center transition-all"
+        class="flex-p-8 my-auto mx-auto font-semibold text-lg hover:bg-neutral-200 p-4 lg:px-16 object-center w-full h-full text-center flex content-center transition-all"
         href="/visit"
         ><span class="mx-auto my-auto">Visit</span></a
       >
       <a
-        class="flex-p-8 my-auto mx-auto font-semibold text-lg hover:bg-neutral-200 px-16 object-center w-full h-full text-center flex content-center transition-all"
+        class="flex-p-8 my-auto mx-auto font-semibold text-lg hover:bg-neutral-200 p-4 lg:px-16 object-center w-full h-full text-center flex content-center transition-all"
         href="/about"
         ><span class="mx-auto my-auto">About</span></a
       >