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 {
|
.el-header {
|
||||||
grid-column: 1 / -1 !important;
|
grid-column: 1 / -1 !important;
|
||||||
grid-row: 1 !important;
|
grid-row: 1 !important;
|
||||||
|
width: 100% !important;
|
||||||
|
height: 60px !important;
|
||||||
|
position: relative !important;
|
||||||
background: #FFFFFF !important;
|
background: #FFFFFF !important;
|
||||||
box-shadow: 0 1px 0 rgba(0,0,0,0.06) !important;
|
box-shadow: 0 1px 0 rgba(0,0,0,0.06) !important;
|
||||||
border-bottom: 1px solid rgba(0,0,0,0.06);
|
border-bottom: 1px solid rgba(0,0,0,0.06);
|
||||||
z-index: 100 !important;
|
z-index: 100 !important;
|
||||||
position: sticky !important;
|
display: flex !important;
|
||||||
top: 0 !important;
|
align-items: center !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* el-aside: 第一列, 第二行 */
|
/* el-aside: 第一列, 第二行, 背景撑满 */
|
||||||
.template > .el-container > .el-aside {
|
.template > .el-container > .el-aside {
|
||||||
grid-column: 1 !important;
|
grid-column: 1 !important;
|
||||||
grid-row: 2 !important;
|
grid-row: 2 !important;
|
||||||
|
min-height: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* el-main: 第二列, 第二行 */
|
/* el-main: 第二列, 第二行, 背景色 */
|
||||||
.el-main {
|
.el-main {
|
||||||
grid-column: 2 !important;
|
grid-column: 2 !important;
|
||||||
grid-row: 2 !important;
|
grid-row: 2 !important;
|
||||||
|
background-color: #F5F7FA !important;
|
||||||
|
min-height: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ============ 顶栏 Logo ============ */
|
/* ============ 顶栏 Logo ============ */
|
||||||
|
|||||||
Reference in New Issue
Block a user