From aa3b0a915c531f6a9f10b045b02742bdd11f5a84 Mon Sep 17 00:00:00 2001 From: Erik Jonkers Date: Thu, 12 Dec 2024 14:44:13 +0100 Subject: [PATCH 1/2] increase min header height on mobile --- src/components/page/Hero.astro | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/page/Hero.astro b/src/components/page/Hero.astro index 060904f..dbd5554 100644 --- a/src/components/page/Hero.astro +++ b/src/components/page/Hero.astro @@ -101,7 +101,7 @@ const { style = "page" }: Props = Astro.props; } &.page { - min-height: 84px; + min-height: 8rem; img { max-height: 3rem; From 3d527a450fe982fd3b5104505b2313b88b426e22 Mon Sep 17 00:00:00 2001 From: Erik Jonkers Date: Thu, 12 Dec 2024 14:59:09 +0100 Subject: [PATCH 2/2] Fix underlining for h1, h2 in safari --- src/styles/global/global.scss | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/styles/global/global.scss b/src/styles/global/global.scss index 1468c0f..c6b9d30 100644 --- a/src/styles/global/global.scss +++ b/src/styles/global/global.scss @@ -36,7 +36,10 @@ b { } h1, h2 { - text-decoration: underline $color-red-400 0.1em; + // note: writing this as text-decoration shorthand does not work on safari + text-decoration-line: underline; + text-decoration-color: $color-red-400; + text-decoration-thickness: 0.3rem; }