Skip to content

Commit 905503c

Browse files
committed
improve mobile nav
1 parent b6bf07a commit 905503c

1 file changed

Lines changed: 5 additions & 3 deletions

File tree

‎www/css/os9.css‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -288,15 +288,17 @@ body {
288288
}
289289
.hamburger span {
290290
display: block;
291-
height: 2px;
291+
height: 3px;
292292
background: var(--text);
293293
border-radius: 1px;
294294
transition: transform 0.2s, opacity 0.2s;
295295
}
296296

297297
/* Mobile nav */
298298
@media (max-width: 768px) {
299+
.navbar { height: 56px; }
299300
.navbar nav { position: relative; }
301+
.nav-logo-img { height: 44px; }
300302
.hamburger { display: flex; }
301303

302304
.nav-links {
@@ -347,9 +349,9 @@ body {
347349
}
348350

349351
/* Hamburger → X animation */
350-
.nav-open .hamburger span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
352+
.nav-open .hamburger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
351353
.nav-open .hamburger span:nth-child(2) { opacity: 0; }
352-
.nav-open .hamburger span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
354+
.nav-open .hamburger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
353355
}
354356

355357
/* ---- Container ---- */

0 commit comments

Comments
 (0)