jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-06-03 16:37:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: support iOS safe area for header

Browse Source
This commit is contained in:
Tim
2025-08-05 09:38:48 +08:00
parent 2b9a4d35b6
commit ea1588d9e9
3 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/assets/global.css
View File

@@ -2,7 +2,9 @@
--primary-color-hover: rgb(9, 95, 105);
--primary-color: rgb(10, 110, 120);
--primary-color-disabled: rgba(93, 152, 156, 0.5);
--header-height: 60px;
--safe-area-inset-top: constant(safe-area-inset-top);
--safe-area-inset-top: env(safe-area-inset-top);
--header-height: calc(60px + var(--safe-area-inset-top));
--header-background-color: white;
--header-border-color: lightgray;
--header-text-color: black;

2
frontend/src/components/HeaderComponent.vue
View File

@@ -173,6 +173,8 @@ export default {
justify-content: space-between;
align-items: center;
height: var(--header-height);
padding-top: var(--safe-area-inset-top);
box-sizing: border-box;
background-color: var(--background-color-blur);
backdrop-filter: blur(10px);
color: var(--header-text-color);