Przeglądaj źródła

style(admin): 侧边栏改 Ant 暗色 #001529 并统一页面内边距为 24px

- .el-aside / 滚动条轨道 / logo 条 #304156,#2b3a4a -> Ant 暗色 #001529
- .el-main padding 20px -> 24px(页面外层留白唯一来源)
- 清零 .admin-page / .page-container 内层 padding,消除 20+16 双重叠加
- 全站后台页面外边距统一为单层 24px
liaoxg 5 dni temu
rodzic
commit
68d934e0d2

+ 2 - 2
cfc-web/src/styles/admin-tokens.css

@@ -337,9 +337,9 @@
    这些类是 .main-wrapper 的后代,第 3 节规则已覆盖;此处仅保留其
    布局语义(页面内边距),并把卡片内距统一到规范 24px。
    ============================================================ */
-.admin-page { padding: var(--spacing-base); background: var(--color-bg-page); min-height: calc(100vh - 60px); }
+.admin-page { padding: 0; background: var(--color-bg-page); min-height: calc(100vh - 60px); }
 
-.page-container { flex: 1; display: flex; flex-direction: column; min-height: 0; padding: 20px; }
+.page-container { flex:1; display:flex; flex-direction:column; min-height:0; padding: 0; }
 .page-container > .el-card { flex: 1; display: flex; flex-direction: column; min-height: 0; }
 .page-container > .el-card .el-card__body { flex: 1; display: flex; flex-direction: column; min-height: 0; padding: 24px; }
 .page-container > .el-card .el-card__body > .el-form:first-child { flex-shrink: 0; }

+ 4 - 4
cfc-web/src/views/Layout.vue

@@ -693,7 +693,7 @@ export default {
 }
 
 .el-aside {
-  background-color: #304156;
+  background-color: #001529;
   overflow: visible;
   display: flex;
   flex-direction: column;
@@ -706,7 +706,7 @@ export default {
   color: #fff;
   font-size: 20px;
   font-weight: bold;
-  background-color: #2b3a4a;
+  background-color: #001529;
   flex-shrink: 0;
 }
 
@@ -726,7 +726,7 @@ export default {
 }
 
 .sidebar-scrollbar-wrap::-webkit-scrollbar-track {
-  background: #304156;
+  background: #001529;
 }
 
 .sidebar-scrollbar-wrap::-webkit-scrollbar-thumb {
@@ -830,7 +830,7 @@ export default {
 
 .el-main {
   background-color: #f0f2f5;
-  padding: 20px;
+  padding: 24px;
   position: relative;
   z-index: 1;
   display: flex;