|
@ -23,6 +23,15 @@ |
|
|
position: relative; |
|
|
position: relative; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.fixed-header { |
|
|
|
|
|
position: fixed; |
|
|
|
|
|
top: 0; |
|
|
|
|
|
right: 0; |
|
|
|
|
|
z-index: 9; |
|
|
|
|
|
width: calc(100% - 210px); |
|
|
|
|
|
transition: width 0.28s; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.el-popper.is-light { |
|
|
.el-popper.is-light { |
|
|
border: none !important; |
|
|
border: none !important; |
|
|
} |
|
|
} |
|
@ -402,6 +411,11 @@ |
|
|
|
|
|
|
|
|
// 手机端 |
|
|
// 手机端 |
|
|
.mobile { |
|
|
.mobile { |
|
|
|
|
|
.fixed-header { |
|
|
|
|
|
width: 100% !important; |
|
|
|
|
|
transition: width 0.28s; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.main-container { |
|
|
.main-container { |
|
|
margin-left: 0 !important; |
|
|
margin-left: 0 !important; |
|
|
} |
|
|
} |
|
@ -429,9 +443,14 @@ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
body[data-layout="vertical"] { |
|
|
body[data-layout="vertical"] { |
|
|
|
|
|
.fixed-header + .app-main { |
|
|
|
|
|
padding-top: 85px; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.hideSidebar { |
|
|
.hideSidebar { |
|
|
.fixed-header { |
|
|
.fixed-header { |
|
|
width: calc(100% - 54px); |
|
|
|
|
|
|
|
|
width: calc(100% - 54px) !important; |
|
|
|
|
|
transition: width 0.28s; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.sidebar-container { |
|
|
.sidebar-container { |
|
@ -478,6 +497,17 @@ body[data-layout="vertical"] { |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
body[data-layout="horizontal"] { |
|
|
|
|
|
.fixed-header { |
|
|
|
|
|
width: 100% !important; |
|
|
|
|
|
transition: none !important; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.fixed-header + .app-main { |
|
|
|
|
|
padding-top: 98px; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
// vertical模式下暗色主题 |
|
|
// vertical模式下暗色主题 |
|
|
body[data-layout="vertical"][data-theme="dark"] { |
|
|
body[data-layout="vertical"][data-theme="dark"] { |
|
|
$subMenuActiveText: #f4f4f5; |
|
|
$subMenuActiveText: #f4f4f5; |
|
|