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-narrow: 48rem;
--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-on-surface-background: #111111;
@@ -105,8 +106,13 @@ a {
flex-direction: row;
position: sticky;
top: 0;
height: var(--ui-header-height);
height: var(--ui-header-height-collapsed);
z-index: 998;
}
@media screen and (min-width: 1024px) {
.web-header, .hamburger-menu-header {
height: var(--ui-header-height);
}
}
.web-header.web-header-bg,
.hamburger-menu-header.hamburger-menu-header-bg {