Luca/thetool
1
0
Fork 0
Code Issues 5 Pull Requests 5 Actions Packages Projects Releases Wiki Activity

Xinon mobile/add top margin

Browse Source
This commit is contained in:
Luca Haid
2026-01-18 08:07:29 +00:00
parent 3777057f3a
commit 46304cf32b
3 changed files with 41 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/mobile/shared/base.css
+17 -3
View File
@@ -45,13 +45,27 @@ input, textarea, [contenteditable] {
user-select: text;
}
/* Safe area insets for notched devices */
/* Safe area insets for notched devices (iPhone Dynamic Island, etc.) */
.safe-area-top {
padding-top: env(safe-area-inset-top);
padding-top: env(safe-area-inset-top, 0px);
}
.safe-area-bottom {
padding-bottom: env(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom, 0px);
}
/* App header with safe area - extends background into notch area */
.app-header {
padding-top: calc(env(safe-area-inset-top, 0px) + 0.5rem);
padding-bottom: 0.5rem;
}
/* Full safe area container that accounts for both top and bottom */
.safe-area-container {
padding-top: env(safe-area-inset-top, 0px);
padding-bottom: env(safe-area-inset-bottom, 0px);
padding-left: env(safe-area-inset-left, 0px);
padding-right: env(safe-area-inset-right, 0px);
}