techit/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update navbar height on mobile viewport

Browse Source
This commit is contained in:
Techit Thawiang
2025-10-14 23:55:47 +07:00
committed by GitHub
parent cf6431fb56
commit 6f91bf5d74
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/css/main.css
+8 -2
View File
@@ -5,7 +5,8 @@
--ui-container: 64rem; --ui-container: 64rem;
--ui-container-narrow: 48rem; --ui-container-narrow: 48rem;
--ui-header-logo-inverted: 1; --ui-header-logo-inverted: 1;
--ui-header-height: calc(var(--ui-spacing)*14); --ui-header-height: calc(var(--ui-spacing)*14);
--ui-header-height-collapsed: calc(var(--ui-spacing)*12);
--color-surface-background: #f9f9f9; --color-surface-background: #f9f9f9;
--color-on-surface-background: #111111; --color-on-surface-background: #111111;
@@ -105,8 +106,13 @@ a {
flex-direction: row; flex-direction: row;
position: sticky; position: sticky;
top: 0; top: 0;
height: var(--ui-header-height); height: var(--ui-header-height-collapsed);
z-index: 998; z-index: 998;
}
@media screen and (min-width: 1024px) {
.web-header, .hamburger-menu-header {
height: var(--ui-header-height);
}
} }
.web-header.web-header-bg, .web-header.web-header-bg,
.hamburger-menu-header.hamburger-menu-header-bg { .hamburger-menu-header.hamburger-menu-header-bg {