Refined padding and positioning for nav

ethanfox · Jul 14, 2024 · 6bf699b · 6bf699b
1 parent 7759700
commit 6bf699b
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/Navigation.vue b/src/components/Navigation.vue
@@ -1,6 +1,6 @@
 <template>
   <nav
-    class="flex text-black absolute bg-white xl:bottom-20 xl:left-24 xl:border-0 border-t border-neutral-400 xl:w-auto w-full bottom-0 left-0 rounded-sm"
+    class="flex text-black absolute bg-white xl:bottom-20 xl:left-24 xl:border-0 xl:w-auto w-auto bottom-16 left-4 rounded-sm"
   >
     <a href="/">
       <img
@@ -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 p-4 lg: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 px-8 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 p-4 lg: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 px-8 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
       >