Voldemar/honey-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: tg safe area
All checks were successful
Deploy to VPS (dist) / deploy (push) Successful in 2m10s
Details

Browse Source
This commit is contained in:
Hewston Fox
2026-03-18 23:06:36 +02:00
parent 43e52e7585
commit a1f6c57901
4 changed files with 51 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/routes/-/Header/Header.module.css
View File

@@ -1,9 +1,10 @@
:root {
--header-height: 90px;
--header-total: calc(
var(--header-height) + var(--tg-safe-area-inset-top, 0px) +
var(--tg-content-safe-area-inset-top, 0px)
--header-padding: calc(
var(--tg-viewport-safe-area-inset-top, 0px) +
var(--tg-viewport-content-safe-area-inset-top, 0px)
);
--header-total: calc(var(--header-height) + var(--header-padding));
}
@layer base {
@@ -14,9 +15,7 @@
left: 0;
z-index: 10;
height: var(--header-total);
padding-top: calc(
var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px)
);
padding-top: var(--header-padding);
background: rgb(59 130 246 / 0.3);
}
}

5
src/routes/-/Navigation/Navigation.module.css
View File

@@ -1,6 +1,7 @@
:root {
--navigation-height: 74px;
--navigation-total: calc(var(--navigation-height) + var(--tg-safe-area-inset-bottom, 0px));
--navigation-padding: var(--tg-viewport-safe-area-inset-bottom, 0px);
--navigation-total: calc(var(--navigation-height) + var(--navigation-padding));
}
@layer base {
@@ -33,7 +34,7 @@
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding-bottom: var(--tg-safe-area-inset-bottom, 0px);
padding-bottom: var(--navigation-padding);
}
.barActive {