draug/ReSekai
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: iOS safe area for all pages

Browse Source
This commit is contained in:
Alexej Wolff
2026-02-11 01:15:31 +01:00
parent f452dc0674
commit 715f2a9bcf
3 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.css
+4
View File
@@ -1,13 +1,17 @@
.app { .app {
min-height: 100vh; min-height: 100vh;
min-height: 100dvh;
background: #0d0d0d; background: #0d0d0d;
color: white; color: white;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-top: env(safe-area-inset-top);
} }
.main-content { .main-content {
flex: 1; flex: 1;
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
} }
.loading-state { .loading-state {
src/components/Footer.css
+3
View File
@@ -2,6 +2,9 @@
background: #1a1a1a; background: #1a1a1a;
border-top: 1px solid #2a2a2a; border-top: 1px solid #2a2a2a;
padding: 0.75rem 1.5rem; padding: 0.75rem 1.5rem;
padding-left: max(1.5rem, env(safe-area-inset-left));
padding-right: max(1.5rem, env(safe-area-inset-right));
padding-bottom: max(0.75rem, env(safe-area-inset-bottom));
} }
.footer-content { .footer-content {
src/components/Header.css
+2
View File
@@ -2,6 +2,8 @@
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding: 0 2rem; padding: 0 2rem;
padding-left: max(2rem, env(safe-area-inset-left));
padding-right: max(2rem, env(safe-area-inset-right));
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 100; z-index: 100;