za-ek/marketing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

100dvh

Browse Source
This commit is contained in:
Zakhar 2026-09-05 22:54:04 +03:00
parent fd62143705
commit a2a6f17bbf
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/App.tsx
View File

@ -296,7 +296,7 @@ const Overlay = styled.div`
z-index: 9; z-index: 9;
overflow: auto; overflow: auto;
height: 100dvh; height: 100svh;
height: -webkit-fill-available; height: -webkit-fill-available;
div { div {
@ -354,7 +354,7 @@ const Container = styled.main<{$fullHeight: boolean}>`
h1 { h1 {
padding-top: 10px; padding-top: 10px;
} }
height: ${({ $fullHeight }) => $fullHeight ? 'auto' : '100dvh'}; height: ${({ $fullHeight }) => $fullHeight ? 'auto' : '100svh'};
border-radius: ${({ $fullHeight }) => $fullHeight ? '0 0 8px 8px' : '0'}; border-radius: ${({ $fullHeight }) => $fullHeight ? '0 0 8px 8px' : '0'};
`)} `)}
`; `;

4
src/styles/GlobalStyle.ts
View File

@ -17,11 +17,11 @@ export const GlobalStyle = createGlobalStyle`
html { html {
overflow: hidden; overflow: hidden;
height: 100dvh; height: 100svh;
} }
body { body {
height: 100dvh; height: 100svh;
background-color: ${({ theme }) => theme.colors.pageBg}; background-color: ${({ theme }) => theme.colors.pageBg};
background-image: url('/images/background-raspberry.png'); background-image: url('/images/background-raspberry.png');
background-repeat: no-repeat; background-repeat: no-repeat;