UI Fixes for Mobile

This commit is contained in:
2026-03-08 16:27:40 -04:00
parent 74a1b264b1
commit f0da6ddbcc
3 changed files with 25 additions and 7 deletions

View File

@@ -128,7 +128,10 @@
/* ── Smooth Scroll ── */
html {
scroll-behavior: smooth;
overflow-x: hidden;
}
html, .cl-body {
max-width: 100vw;
}
/* ── Focus-visible Accessibility ── */
@@ -543,13 +546,17 @@ html {
.cl-navbar__mobile-menu {
display: none;
position: fixed;
inset: 0;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
height: 100dvh;
background: var(--cl-bg);
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1.25rem;
z-index: 1000;
z-index: 999;
}
.cl-navbar__mobile-menu.open {
@@ -2143,6 +2150,10 @@ html {
MOBILE — tighter padding, no horizontal overflow
═══════════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
.cl-orb-container {
display: none;
}
.cl-container {
padding: 0 1rem;
}