fix: iOS safe area for all pages
This commit is contained in:
@@ -1,13 +1,17 @@
|
||||
.app {
|
||||
min-height: 100vh;
|
||||
min-height: 100dvh;
|
||||
background: #0d0d0d;
|
||||
color: white;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-top: env(safe-area-inset-top);
|
||||
}
|
||||
|
||||
.main-content {
|
||||
flex: 1;
|
||||
padding-left: env(safe-area-inset-left);
|
||||
padding-right: env(safe-area-inset-right);
|
||||
}
|
||||
|
||||
.loading-state {
|
||||
|
||||
@@ -2,6 +2,9 @@
|
||||
background: #1a1a1a;
|
||||
border-top: 1px solid #2a2a2a;
|
||||
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 {
|
||||
|
||||
@@ -2,6 +2,8 @@
|
||||
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
||||
padding: 0 2rem;
|
||||
padding-left: max(2rem, env(safe-area-inset-left));
|
||||
padding-right: max(2rem, env(safe-area-inset-right));
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 100;
|
||||
|
||||
Reference in New Issue
Block a user