mirror of
https://github.com/PR0M3TH3AN/bitvid.git
synced 2026-11-03 03:12:31 +00:00
Tighten mobile sidebar layout
This commit is contained in:
1 parent
1ed331ae89
commit
55713e292b
2 files changed
+14
-13
No files matched your search
+13
-12
@@ -2925,19 +2925,19 @@
|
||||
|
||||
#app {
|
||||
box-sizing: border-box;
|
||||
transition: margin-left 200ms ease;
|
||||
transition: margin-left 200ms ease, width 200ms ease, max-width 200ms ease;
|
||||
}
|
||||
|
||||
#app[data-sidebar-state="collapsed"] {
|
||||
margin-left: calc(
|
||||
var(--sidebar-width-collapsed) + var(--sidebar-content-gap)
|
||||
);
|
||||
margin-left: var(--sidebar-width-collapsed);
|
||||
width: calc(100vw - var(--sidebar-width-collapsed));
|
||||
max-width: calc(100vw - var(--sidebar-width-collapsed));
|
||||
}
|
||||
|
||||
#app[data-sidebar-state="expanded"] {
|
||||
margin-left: calc(
|
||||
var(--sidebar-width-expanded) + var(--sidebar-content-gap)
|
||||
);
|
||||
margin-left: var(--sidebar-width-expanded);
|
||||
width: calc(100vw - var(--sidebar-width-expanded));
|
||||
max-width: calc(100vw - var(--sidebar-width-expanded));
|
||||
}
|
||||
|
||||
body.sidebar-collapsed #sidebar .sidebar-nav-link,
|
||||
@@ -3036,12 +3036,10 @@
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
#app {
|
||||
box-sizing: border-box;
|
||||
transition: margin-left 200ms ease, width 200ms ease, max-width 200ms ease;
|
||||
}
|
||||
|
||||
#app[data-sidebar-state="collapsed"] {
|
||||
margin-left: calc(
|
||||
var(--sidebar-width-collapsed) + var(--sidebar-content-gap)
|
||||
);
|
||||
width: calc(
|
||||
100vw - var(--sidebar-width-collapsed) - var(--sidebar-content-gap)
|
||||
);
|
||||
@@ -3051,6 +3049,9 @@
|
||||
}
|
||||
|
||||
#app[data-sidebar-state="expanded"] {
|
||||
margin-left: calc(
|
||||
var(--sidebar-width-expanded) + var(--sidebar-content-gap)
|
||||
);
|
||||
width: calc(
|
||||
100vw - var(--sidebar-width-expanded) - var(--sidebar-content-gap)
|
||||
);
|
||||
|
||||
Reference in new issue
Block a user