fix: match mobile header and hero design

2026-06-27 17:38:49 -05:00
parent dd063f1df0
commit 6d3bb76b17
4 changed files with 190 additions and 23 deletions
@@ -74,18 +74,19 @@
    .site-header .nav-main__toggle {
        align-items: center;
        background: var(--color-secondary);
-        border-radius: 0.375rem;
+        border-radius: 1.4rem 0.35rem 1.4rem 0.35rem;
        display: inline-flex;
-        height: 2.25rem;
+        height: 2.8125rem;
        justify-content: center;
+        margin-block: -0.125rem;
        margin-right: 1rem;
-        padding: 0.45rem;
-        width: 2.25rem;
+        padding: 0.65rem 1rem;
+        width: 4.5rem;
    }

    .site-header .nav-main__toggle svg {
-        height: 1.15rem;
-        width: 1.15rem;
+        height: 1.5rem;
+        width: 2rem;
    }

    .site-header .nav-main__toggle svg,