fix: drawer responsiveness on mobile (375px)
TaxBaik CI/CD / build-and-deploy (push) Successful in 55s
TaxBaik CI/CD / build-and-deploy (push) Successful in 55s
Mobile S (<480px) drawer now properly: - Uses flex-direction: row for horizontal layout - Has max-height: 60px to constrain vertical space - Shows horizontal scrollbar for nav items (overflow-x: auto) - Proper border styling (no right border, bottom border) - Brand mark positioned correctly with flex-shrink: 0 This fixes the drawer responsiveness test on 375px viewport. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -1201,11 +1201,19 @@ textarea:focus-visible {
|
|||||||
.admin-drawer {
|
.admin-drawer {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
max-height: 60px;
|
||||||
|
flex-direction: row;
|
||||||
|
border-right: none;
|
||||||
|
border-bottom: 1px solid var(--border-color);
|
||||||
|
overflow-x: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.admin-drawer-brand {
|
.admin-drawer-brand {
|
||||||
padding: var(--space-3) var(--space-4);
|
padding: var(--space-3) var(--space-4);
|
||||||
gap: var(--space-2);
|
gap: var(--space-2);
|
||||||
|
flex-shrink: 0;
|
||||||
|
border-bottom: none;
|
||||||
|
border-right: 1px solid var(--border-color-light);
|
||||||
}
|
}
|
||||||
|
|
||||||
.admin-brand-mark {
|
.admin-brand-mark {
|
||||||
|
|||||||
Reference in New Issue
Block a user