header layout fix

This commit is contained in:
sdarbinyan
2026-06-10 17:49:22 +04:00
parent 69e63fc5f3
commit 31da7f85cf
3 changed files with 62 additions and 18 deletions

View File

@@ -328,6 +328,10 @@
gap: 1.5rem;
}
.novo-mobile-controls {
display: none;
}
.novo-cart {
position: relative;
color: var(--text-primary);
@@ -409,7 +413,8 @@
transition: max-height 0.3s;
&.novo-nav-open {
max-height: 300px;
max-height: calc(100dvh - 65px);
overflow-y: auto;
}
.novo-nav-links {
@@ -434,6 +439,25 @@
}
}
}
.novo-right {
flex: 0 0 auto;
gap: 0.75rem;
}
.novo-right > app-region-selector,
.novo-right > app-language-selector {
display: none;
}
.novo-mobile-controls {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
padding: 1rem 2rem 1.25rem;
border-top: 1px solid var(--border-color);
}
.novo-menu-toggle {
display: flex;
@@ -714,10 +738,20 @@
display: flex;
align-items: center;
justify-content: center;
margin-top: 16px;
}
.dexar-mobile-controls {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
width: 100%;
margin-top: 4px;
}
.dexar-menu-toggle {
position: relative;
z-index: 1001;
display: none;
flex-direction: column;
gap: 5px;
@@ -841,7 +875,7 @@
// Hide desktop language selector
.dexar-lang-desktop {
display: none;
display: none !important;
}
.dexar-search-wrapper {
@@ -903,9 +937,10 @@
transition: max-height 0.35s ease, opacity 0.25s ease, padding 0.35s ease;
&.dexar-mobile-menu-open {
max-height: 700px;
max-height: calc(100dvh - 84px);
padding: 28px 20px 32px;
opacity: 1;
overflow-y: auto;
}
}
@@ -914,8 +949,8 @@
max-width: 100%;
}
.dexar-mobile-lang {
margin-top: 16px;
.dexar-mobile-controls {
margin-top: 4px;
}
}