Merge pull request #534 from nblackburn/collapse-nav

Collapse nav
nblackburn · Aug 1, 2024 · 959f456 · 959f456 · vercel · Aug 1, 2024
2 parents 1895c1b + 7d29d63
commit 959f456
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
     "name": "@nblackburn/website",
     "private": true,
-    "version": "1.43.0",
+    "version": "1.44.0",
     "type": "module",
     "scripts": {
         "start": "astro dev",

diff --git a/src/components/header.css.ts b/src/components/header.css.ts
@@ -1,5 +1,5 @@
 import { style } from '@vanilla-extract/css';
-import { vars, sizes, containers } from '@styles/theme.css';
+import { vars, sizes, containers, breakpoints } from '@styles/theme.css';
 
 export const header = style({
     top: 0,
@@ -19,8 +19,15 @@ export const header = style({
 export const container = style({
     margin: 'auto',
     display: 'flex',
+    rowGap: sizes.nano,
+    columnGap: sizes.nano,
     padding: sizes.small,
     alignItems: 'center',
     justifyContent: 'space-between',
-    maxWidth: containers.xtraLarge
+    maxWidth: containers.xtraLarge,
+    '@media': {
+        [breakpoints.medium]: {
+            flexDirection: 'column'
+        }
+    }
 });