fix: 顶栏全宽 + 内容区背景色 + 等高
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
- el-header: width:100% 覆盖旧的 calc(100%-190px), height:60px - el-header: position:relative 覆盖旧的 position:fixed - el-main: background-color:#F5F7FA - el-aside/el-main: min-height:0 确保 grid 等高
This commit is contained in:
@@ -49,24 +49,30 @@ html, body {
|
||||
.el-header {
|
||||
grid-column: 1 / -1 !important;
|
||||
grid-row: 1 !important;
|
||||
width: 100% !important;
|
||||
height: 60px !important;
|
||||
position: relative !important;
|
||||
background: #FFFFFF !important;
|
||||
box-shadow: 0 1px 0 rgba(0,0,0,0.06) !important;
|
||||
border-bottom: 1px solid rgba(0,0,0,0.06);
|
||||
z-index: 100 !important;
|
||||
position: sticky !important;
|
||||
top: 0 !important;
|
||||
display: flex !important;
|
||||
align-items: center !important;
|
||||
}
|
||||
|
||||
/* el-aside: 第一列, 第二行 */
|
||||
/* el-aside: 第一列, 第二行, 背景撑满 */
|
||||
.template > .el-container > .el-aside {
|
||||
grid-column: 1 !important;
|
||||
grid-row: 2 !important;
|
||||
min-height: 0 !important;
|
||||
}
|
||||
|
||||
/* el-main: 第二列, 第二行 */
|
||||
/* el-main: 第二列, 第二行, 背景色 */
|
||||
.el-main {
|
||||
grid-column: 2 !important;
|
||||
grid-row: 2 !important;
|
||||
background-color: #F5F7FA !important;
|
||||
min-height: 0 !important;
|
||||
}
|
||||
|
||||
/* ============ 顶栏 Logo ============ */
|
||||
|
||||
Reference in New Issue
Block a user