@sofidevo/astro-dynamic-header 1.0.23 → 1.0.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sofidevo/astro-dynamic-header",
-  "version": "1.0.23",
+  "version": "1.0.25",
   "description": "A dynamic Astro header component that switches between floating and fullscreen styles",
   "type": "module",
   "main": "./src/index.ts",

package/src/Header.astro

@@ -115,7 +115,7 @@ const {
 
   /* Floating header container styles */
   .header__container--floating {
-    padding: 16px;
+    padding: 1rem;
   }
 
   /* Fullscreen header container styles */

package/src/MobileNav.astro

@@ -123,8 +123,7 @@ const pagePathname = Astro.url.pathname;
       width: 104vw;
       height: 100dvh;
       position: fixed;
-      top: 0;
-      gap: 1rem;
+      /* top: -16px; */
       left: 0;
       background: #151515;
       z-index: 20;

package/src/NavMenu.astro

@@ -190,7 +190,6 @@ const pagePathname = Astro.url.pathname;
   }
 
   .menu {
-    padding: 1rem;
     list-style: none;
     display: flex;
     align-items: center;
@@ -203,7 +202,7 @@ const pagePathname = Astro.url.pathname;
 
   .menu__link {
     text-decoration: none;
-    padding: 0.5rem 1rem;
+    padding: 0.5rem ;
     display: flex;
     align-items: center;
     gap: 0.8rem;
@@ -214,7 +213,7 @@ const pagePathname = Astro.url.pathname;
   @media screen and (min-width: 768px) {
     .menu__link::after {
       position: absolute;
-      top: 25px;
+      top: 33px;
       left: 0;
       content: "";
       width: 100%;
@@ -265,7 +264,7 @@ const pagePathname = Astro.url.pathname;
     justify-content: space-between;
     align-items: center;
     width: 100%;
-    height: 4rem;
+    height: 1rem;
     border-radius: 0.4rem;
     color: #fff;
     color: var(--color-tertiary, #fff);
@@ -278,7 +277,7 @@ const pagePathname = Astro.url.pathname;
 
   .submenu__item--secondary a,
   .submenu__item--tertiary a {
-    padding: 2rem;
+    padding: 1rem;
   }
 
   .submenu__item--secondary a:hover,
@@ -288,7 +287,7 @@ const pagePathname = Astro.url.pathname;
   }
 
   .submenu {
-    padding: 1rem;
+    padding: .5rem;
     right: -23px;
   }