2022-06-28 07:42:42 +00:00
|
|
|
:global(#page-wrapper) {
|
|
|
|
padding-left: var(--sidebar-closed-width);
|
2022-06-23 07:25:56 +00:00
|
|
|
transition: all 0.4s ease 0s;
|
|
|
|
}
|
|
|
|
|
2022-06-28 07:42:42 +00:00
|
|
|
@media only screen and (min-width: 561px) {
|
|
|
|
:global(#page-wrapper.open) {
|
|
|
|
padding-left: var(--sidebar-width);
|
|
|
|
}
|
2022-06-23 07:25:56 +00:00
|
|
|
}
|
2022-06-28 07:42:42 +00:00
|
|
|
@media only screen and (max-width: 560px) {
|
|
|
|
:global(#page-wrapper.open) {
|
|
|
|
padding-left: var(--sidebar-closed-width);
|
|
|
|
}
|
2022-06-23 07:25:56 +00:00
|
|
|
}
|
2022-06-28 07:42:42 +00:00
|
|
|
|
|
|
|
:global(#page-wrapper) {
|
|
|
|
--sidebar-width: 300px;
|
|
|
|
--sidebar-closed-width: 75px;
|
2022-06-23 07:25:56 +00:00
|
|
|
}
|
2022-06-28 07:42:42 +00:00
|
|
|
|
|
|
|
:global(#page-wrapper.open) .root {
|
|
|
|
width: var(--sidebar-width);
|
2022-06-23 07:25:56 +00:00
|
|
|
}
|
2022-06-28 07:42:42 +00:00
|
|
|
|
|
|
|
.root {
|
|
|
|
width: var(--sidebar-closed-width);
|
|
|
|
height: 100%;
|
|
|
|
|
|
|
|
position: fixed;
|
|
|
|
left: 0;
|
|
|
|
|
|
|
|
z-index: 999;
|
|
|
|
transition: all 0.4s ease 0s;
|
2022-09-08 01:49:09 +00:00
|
|
|
background-color: var(--bg-sidebar-color);
|
2022-06-23 07:25:56 +00:00
|
|
|
}
|
|
|
|
|
2022-06-28 07:42:42 +00:00
|
|
|
.root ul {
|
2022-06-23 07:25:56 +00:00
|
|
|
top: 0;
|
|
|
|
bottom: 0;
|
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
|
|
|
list-style: none;
|
|
|
|
}
|