From 2834dc8f326b3623eb3bc77a6a238633b8664cb1 Mon Sep 17 00:00:00 2001 From: Nathaniel Blackburn Date: Thu, 1 Aug 2024 22:59:21 +0100 Subject: [PATCH 1/2] style: collapse nav on smaller devices --- src/components/header.css.ts | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/src/components/header.css.ts b/src/components/header.css.ts index f685417..454afde 100644 --- 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' + } + } }); From 7d29d63d07b833135a201fcb42da600b967a7051 Mon Sep 17 00:00:00 2001 From: Nathaniel Blackburn Date: Thu, 1 Aug 2024 23:00:13 +0100 Subject: [PATCH 2/2] chore: bump version --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 629f8b0..b1d6350 100644 --- 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",