From b5c2f470dc8b8b6f017dbba869cf7da3c425f2be Mon Sep 17 00:00:00 2001 From: Matthias Kretschmann Date: Sun, 5 Nov 2023 20:59:13 +0000 Subject: [PATCH] header fixes, regenerate darwin snapshots --- src/components/Hamburger.astro | 7 +----- src/components/Header/index.module.css | 20 +++++++++++++++++- src/components/ThemeSwitch/index.module.css | 4 ---- src/features/Search/index.astro | 8 ------- ...ches-screenshot-1-Mobile-Chrome-darwin.png | Bin 22351 -> 22610 bytes ...ches-screenshot-1-Mobile-Safari-darwin.png | Bin 25991 -> 26012 bytes .../matches-screenshot-1-chromium-darwin.png | Bin 29151 -> 29132 bytes .../matches-screenshot-1-firefox-darwin.png | Bin 42856 -> 42834 bytes .../matches-screenshot-1-webkit-darwin.png | Bin 42380 -> 42407 bytes ...ches-screenshot-1-Mobile-Chrome-darwin.png | Bin 2265 -> 2151 bytes ...ches-screenshot-1-Mobile-Safari-darwin.png | Bin 4057 -> 3776 bytes .../matches-screenshot-1-chromium-darwin.png | Bin 5457 -> 5079 bytes .../matches-screenshot-1-firefox-darwin.png | Bin 6479 -> 5601 bytes .../matches-screenshot-1-webkit-darwin.png | Bin 8571 -> 7781 bytes 14 files changed, 20 insertions(+), 19 deletions(-) diff --git a/src/components/Hamburger.astro b/src/components/Hamburger.astro index 2990b3ca..9a06e6cc 100644 --- a/src/components/Hamburger.astro +++ b/src/components/Hamburger.astro @@ -10,7 +10,6 @@ const { props } = Astro position: relative; transform: rotate(0deg); cursor: pointer; - margin-top: calc(var(--spacer) / 2); } .line { @@ -57,11 +56,7 @@ const { props } = Astro } .button { - padding: calc(var(--spacer) / 2); - vertical-align: middle; - display: inline-block; - margin: 0; - margin-right: -1rem; + margin-bottom: -0.4rem; } .button:hover, diff --git a/src/components/Header/index.module.css b/src/components/Header/index.module.css index 42633b44..ff6a4a67 100644 --- a/src/components/Header/index.module.css +++ b/src/components/Header/index.module.css @@ -56,5 +56,23 @@ } .nav { - display: inline-block; + display: flex; + align-items: center; +} + +.nav > div, +.nav > button { + padding: calc(var(--spacer) / 2); +} + +.nav > div, +.nav > button, +.nav > div > label, +.nav > div > label > div { + display: inline-flex; + align-items: center; +} + +.nav > button:last-of-type { + padding-right: 0; } diff --git a/src/components/ThemeSwitch/index.module.css b/src/components/ThemeSwitch/index.module.css index ab8a11c0..74ec7fd2 100644 --- a/src/components/ThemeSwitch/index.module.css +++ b/src/components/ThemeSwitch/index.module.css @@ -1,8 +1,5 @@ .themeSwitch { position: relative; - display: inline-block; - vertical-align: middle; - margin-right: calc(var(--spacer) / 4); } .themeSwitch svg { @@ -19,7 +16,6 @@ .checkbox { position: relative; cursor: pointer; - padding: calc(var(--spacer) / 2); display: block; } diff --git a/src/features/Search/index.astro b/src/features/Search/index.astro index 36943270..21b3646b 100644 --- a/src/features/Search/index.astro +++ b/src/features/Search/index.astro @@ -21,14 +21,6 @@ import Search from './Search.tsx'