From 2fd34c2f7f9cd5f4a42d7849a5427e5d0a5b9e69 Mon Sep 17 00:00:00 2001
From: Spedon <70063177+Sped0n@users.noreply.github.com>
Date: Tue, 23 Jan 2024 00:06:42 +0800
Subject: [PATCH] refactor: replace `svh` with a more compatible approach
 (#252)

* first attempt

* second attempt

* blind commit
---
 assets/scss/_variables.scss     |  2 +-
 layouts/partials/head/link.html | 10 ++++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss
index 6a93c44..b126326 100644
--- a/assets/scss/_variables.scss
+++ b/assets/scss/_variables.scss
@@ -1,7 +1,7 @@
 @import '_core/mixins';
 
 :root {
-  --window-height: 100svh;
+  --window-height: 100vh;
   --nav-height: 2rem;
   --space-standard: 0.625rem;
 
diff --git a/layouts/partials/head/link.html b/layouts/partials/head/link.html
index ad68af9..c5b64d4 100644
--- a/layouts/partials/head/link.html
+++ b/layouts/partials/head/link.html
@@ -18,6 +18,16 @@
   {{- partial "plugin/style.html" $style -}}
 {{- end -}}
 
+{{/* fuck safari */}}
+<script>
+  function z() {
+    const r = document.querySelector(':root')
+    r.style.setProperty('--window-height', `${window.innerHeight}px`)
+  }
+  z()
+  window.addEventListener('resize', z, { passive: true })
+</script>
+
 {{/* main js */}}
 {{- $script := dict "Link" "/bundled/js/main.js" "Defer" true "Esm" true -}}
 {{- partial "plugin/script.html" $script -}}