fix: 恢复原始flex布局 + 侧边栏右圆角
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
- 移除失败的CSS Grid方案 - 恢复原始flex水平布局(侧边栏左 + 顶栏/内容右) - 侧边栏: 右侧圆角 border-radius: 0 16px 16px 0 - 顶栏: 白色简洁,去掉sticky定位 - 去掉侧边栏margin/height计算等破坏布局的属性
This commit is contained in:
@@ -25,52 +25,14 @@ html, body {
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ============ 布局容器 — CSS Grid 重排 ============ */
|
|
||||||
/* 外层容器:用 Grid 把 aside 和内层 container 重排 */
|
|
||||||
.template > .el-container {
|
|
||||||
display: grid !important;
|
|
||||||
grid-template-columns: auto 1fr !important;
|
|
||||||
grid-template-rows: auto 1fr !important;
|
|
||||||
min-height: 100vh !important;
|
|
||||||
width: 100% !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 顶栏(在内层 container 中的 el-header):跨两列占满全宽 */
|
|
||||||
.template > .el-container > .el-container {
|
|
||||||
display: contents !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* el-header 跨两列 */
|
|
||||||
.template > .el-container .el-header {
|
|
||||||
grid-column: 1 / -1 !important;
|
|
||||||
grid-row: 1 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* aside 在第二行左列 */
|
|
||||||
.template > .el-container > .el-aside {
|
|
||||||
grid-column: 1 !important;
|
|
||||||
grid-row: 2 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* el-main 在第二行右列 */
|
|
||||||
.template > .el-container .el-main {
|
|
||||||
grid-column: 2 !important;
|
|
||||||
grid-row: 2 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ============ 侧边栏 ============ */
|
/* ============ 侧边栏 ============ */
|
||||||
.el-aside {
|
.el-aside {
|
||||||
background: #FFFFFF !important;
|
background: #FFFFFF !important;
|
||||||
border-right: none !important;
|
border-right: none !important;
|
||||||
height: calc(100vh - 60px - 24px) !important;
|
border-radius: 0 16px 16px 0 !important;
|
||||||
position: sticky !important;
|
box-shadow: 1px 0 3px rgba(0,0,0,0.04) !important;
|
||||||
top: calc(60px + 12px) !important;
|
|
||||||
margin: 12px 0 12px 12px !important;
|
|
||||||
border-radius: 16px !important;
|
|
||||||
box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
|
|
||||||
overflow-y: auto !important;
|
overflow-y: auto !important;
|
||||||
overflow-x: hidden !important;
|
overflow-x: hidden !important;
|
||||||
z-index: 10 !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 去掉侧边栏旧的 margin-top(logo 已移到顶栏) */
|
/* 去掉侧边栏旧的 margin-top(logo 已移到顶栏) */
|
||||||
@@ -155,12 +117,8 @@ html, body {
|
|||||||
/* ============ 顶栏 ============ */
|
/* ============ 顶栏 ============ */
|
||||||
.el-header {
|
.el-header {
|
||||||
background: #FFFFFF !important;
|
background: #FFFFFF !important;
|
||||||
backdrop-filter: none !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);
|
||||||
position: sticky !important;
|
|
||||||
top: 0 !important;
|
|
||||||
z-index: 100 !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-header .search-value,
|
.el-header .search-value,
|
||||||
|
|||||||
Reference in New Issue
Block a user