fix(sidebar): place collapsed toggle inside sidebar
This commit is contained in:
@@ -267,23 +267,21 @@ a {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.app-shell[data-sidebar-collapsed="true"] .sidebar__header {
|
.app-shell[data-sidebar-collapsed="true"] .sidebar__header {
|
||||||
|
min-height: 116px;
|
||||||
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
padding-inline: 10px;
|
gap: 4px;
|
||||||
|
padding: 12px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-shell[data-sidebar-collapsed="true"] .sidebar__brand {
|
.app-shell[data-sidebar-collapsed="true"] .sidebar__brand {
|
||||||
|
flex: none;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-shell[data-sidebar-collapsed="true"] .sidebar__header > button {
|
.app-shell[data-sidebar-collapsed="true"] .sidebar__header > button {
|
||||||
position: absolute;
|
width: 48px;
|
||||||
top: 22px;
|
height: 48px;
|
||||||
right: -14px;
|
|
||||||
width: 28px;
|
|
||||||
height: 28px;
|
|
||||||
border: 1px solid var(--border-glass);
|
|
||||||
background: rgba(255, 255, 255, 0.9);
|
|
||||||
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-shell[data-sidebar-collapsed="true"] .sidebar__nav {
|
.app-shell[data-sidebar-collapsed="true"] .sidebar__nav {
|
||||||
|
|||||||
Reference in New Issue
Block a user