xiaoyu
74 lines
1.5 KiB
SCSS
74 lines
1.5 KiB
SCSS
@import '../../style/themes/default.scss';
|
|
|
|
/* 小屏幕样式 */
|
|
@media only screen and (max-width: 768px) {
|
|
.ele-admin-responsive {
|
|
.ele-admin-logo,
|
|
.ele-admin-sidebar {
|
|
position: fixed !important;
|
|
left: 0 !important;
|
|
width: $--sidebar-width !important;
|
|
z-index: calc(#{$--sidebar-fixed-z-index} + 1) !important;
|
|
}
|
|
|
|
.ele-admin-sidebar {
|
|
top: $--header-height !important;
|
|
}
|
|
|
|
.ele-admin-logo > span {
|
|
display: inline !important;
|
|
}
|
|
|
|
.ele-admin-body,
|
|
.ele-admin-header {
|
|
padding-left: 0 !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
.ele-admin-tabs {
|
|
left: 0 !important;
|
|
}
|
|
|
|
.ele-admin-breadcrumb,
|
|
.ele-admin-sidebar-nav {
|
|
display: none;
|
|
}
|
|
|
|
&:not(.ele-admin-collapse) {
|
|
.ele-admin-shade {
|
|
left: $--sidebar-width;
|
|
background: $--layout-mask-bg;
|
|
visibility: visible;
|
|
}
|
|
|
|
.ele-admin-header {
|
|
z-index: auto;
|
|
}
|
|
}
|
|
|
|
&.ele-admin-collapse {
|
|
.ele-admin-sidebar,
|
|
.ele-admin-logo {
|
|
left: calc(0px - #{$--sidebar-width}) !important;
|
|
box-shadow: none !important;
|
|
}
|
|
}
|
|
|
|
&.ele-admin-show-tabs:not(.ele-admin-tab-card):not(.ele-admin-head-dark) {
|
|
.ele-admin-header {
|
|
box-shadow: 0 -1px 0 $--border-color-extra-light inset !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 576px) {
|
|
.ele-admin-responsive .ele-admin-header .ele-admin-header-tool {
|
|
padding: 0 6px;
|
|
|
|
.ele-admin-header-tool-item {
|
|
padding: 0 10px;
|
|
}
|
|
}
|
|
}
|