From a2a6f17bbf239a1866ac70a694a92115256e09fb Mon Sep 17 00:00:00 2001 From: Zakhar Date: Sat, 5 Sep 2026 22:54:04 +0300 Subject: [PATCH] 100dvh --- src/App.tsx | 4 ++-- src/styles/GlobalStyle.ts | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/App.tsx b/src/App.tsx index e82e19d..180bb80 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -296,7 +296,7 @@ const Overlay = styled.div` z-index: 9; overflow: auto; - height: 100dvh; + height: 100svh; height: -webkit-fill-available; div { @@ -354,7 +354,7 @@ const Container = styled.main<{$fullHeight: boolean}>` h1 { padding-top: 10px; } - height: ${({ $fullHeight }) => $fullHeight ? 'auto' : '100dvh'}; + height: ${({ $fullHeight }) => $fullHeight ? 'auto' : '100svh'}; border-radius: ${({ $fullHeight }) => $fullHeight ? '0 0 8px 8px' : '0'}; `)} `; diff --git a/src/styles/GlobalStyle.ts b/src/styles/GlobalStyle.ts index 7abb827..7a6b70d 100644 --- a/src/styles/GlobalStyle.ts +++ b/src/styles/GlobalStyle.ts @@ -17,11 +17,11 @@ export const GlobalStyle = createGlobalStyle` html { overflow: hidden; - height: 100dvh; + height: 100svh; } body { - height: 100dvh; + height: 100svh; background-color: ${({ theme }) => theme.colors.pageBg}; background-image: url('/images/background-raspberry.png'); background-repeat: no-repeat;