From f3f18ffca70f56d7a85e798e5489cdae34a343dc Mon Sep 17 00:00:00 2001 From: Felix Roos Date: Sun, 19 Feb 2023 13:50:08 +0100 Subject: [PATCH] fix app height for ios --- website/src/components/HeadCommon.astro | 9 +++++++++ website/src/layouts/MainLayout.astro | 2 +- website/tailwind.config.cjs | 3 +++ 3 files changed, 13 insertions(+), 1 deletion(-) diff --git a/website/src/components/HeadCommon.astro b/website/src/components/HeadCommon.astro index dcf9af3b..002a5a92 100644 --- a/website/src/components/HeadCommon.astro +++ b/website/src/components/HeadCommon.astro @@ -80,4 +80,13 @@ const { strudelTheme } = settings; } setTheme(get().theme); watch(setTheme, 'theme'); + // https://medium.com/quick-code/100vh-problem-with-ios-safari-92ab23c852a8 + const appHeight = () => { + const doc = document.documentElement; + doc.style.setProperty('--app-height', `${window.innerHeight}px`); + }; + if (typeof window !== 'undefined') { + window.addEventListener('resize', appHeight); + appHeight(); + } diff --git a/website/src/layouts/MainLayout.astro b/website/src/layouts/MainLayout.astro index ac268cab..49952a7e 100644 --- a/website/src/layouts/MainLayout.astro +++ b/website/src/layouts/MainLayout.astro @@ -30,7 +30,7 @@ const githubEditUrl = `${CONFIG.GITHUB_EDIT_URL}/${currentFile}`; - +
diff --git a/website/tailwind.config.cjs b/website/tailwind.config.cjs index f2421598..4b5fd0c0 100644 --- a/website/tailwind.config.cjs +++ b/website/tailwind.config.cjs @@ -25,6 +25,9 @@ module.exports = { gutterBorder: 'var(--gutterBorder)', lineHighlight: 'var(--lineHighlight)', }, + spacing: { + 'app-height': 'var(--app-height)', + }, typography(theme) { return { DEFAULT: {