Qihan/MyBlog-Next
1
0
Fork 0
mirror of https://github.com/ChenQihan666/MyBlog-Next.git synced 2026-08-14 19:41:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(layout): use 100svh for min-height on body instead of 100vh

Browse Source 
Address a mobile layout issue where using 100vh caused unexpected behavior. Switching to 100svh
resolves this problem by accounting for the mobile browser's UI components. This change ensures a
consistent and improved user experience on smaller screens.

resolves #127
This commit is contained in:
satnaing
2023-10-06 11:42:38 +06:30
parent d025c914d9
commit 79d569d053
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/base.css
+1 -1
View File
@@ -29,7 +29,7 @@
display: block; display: block;
} }
body { body {
@apply flex min-h-screen flex-col bg-skin-fill font-mono text-skin-base @apply flex min-h-[100svh] flex-col bg-skin-fill font-mono text-skin-base
selection:bg-skin-accent selection:bg-opacity-70 selection:text-skin-inverted; selection:bg-skin-accent selection:bg-opacity-70 selection:text-skin-inverted;
} }
section, section,