mirror of
https://gitee.com/JavaLionLi/plus-ui.git
synced 2026-09-13 07:43:43 +08:00
32 lines
609 B
SCSS
32 lines
609 B
SCSS
/* Responsive sidebar behavior for mobile and transition disabling. */
|
|
|
|
@use '../../variables.module.scss' as *;
|
|
|
|
#app {
|
|
.mobile {
|
|
.main-container {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.sidebar-container {
|
|
transition: transform 0.28s;
|
|
width: $base-sidebar-width !important;
|
|
}
|
|
|
|
&.hideSidebar {
|
|
.sidebar-container {
|
|
pointer-events: none;
|
|
transition-duration: 0.3s;
|
|
transform: translate3d(calc(-#{$base-sidebar-width} - 12px), 0, 0);
|
|
}
|
|
}
|
|
}
|
|
|
|
.withoutAnimation {
|
|
.main-container,
|
|
.sidebar-container {
|
|
transition: none;
|
|
}
|
|
}
|
|
}
|