Pārlūkot izejas kodu

统一弹窗标题栏内边距,去除自定义头部重复 padding

  - SmartDialog .dialog-header 补上下内边距,标题栏间距统一由弹窗框架提供
  - 删除 CrossingDetailHeader / TaskMonitorHeader 自带的 padding,避免与框架叠加
    导致标题栏过高;TaskMonitorHeader 顺带清理被覆盖的死代码 padding-right
  - 调整标题字号(14-18px)与字重(500),关闭按钮增加左间距
  - CrossingMultiView 分屏头部内边距 4px → 14px 对齐
画安 1 nedēļu atpakaļ
vecāks
revīzija
8ed9f7e269

+ 0 - 1
src/components/ui/CrossingDetailHeader.vue

@@ -42,7 +42,6 @@ export default {
   min-width: 0;
   color: #e0e6f1;
   font-size: clamp(10px, 1cqw, 16px);
-  padding: 10px 0px;
   white-space: nowrap;
   width: 100%;
   box-sizing: border-box;

+ 1 - 1
src/components/ui/CrossingMultiView.vue

@@ -264,7 +264,7 @@ export default {
     flex-shrink: 0;
     display: flex;
     align-items: center;
-    padding: 4px 10px;
+    padding: 14px 10px;
     background: linear-gradient(180deg, rgba(65, 115, 205, 0.4) 0%, transparent 100%);
     color: #e0e6f1;
     font-size: 13px;

+ 4 - 3
src/components/ui/SmartDialog.vue

@@ -361,7 +361,7 @@ export default {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: 0 clamp(6px, 1.2cqw, 12px);
+  padding: clamp(6px, 1.2cqw, 12px) clamp(6px, 1.2cqw, 12px);
 }
 
 .dialog-header.not-title {
@@ -382,8 +382,8 @@ export default {
 
 .title {
   color: #ffffff;
-  font-size: clamp(10px, 2cqw, 18px);
-  font-weight: 600;
+  font-size: clamp(14px, 2cqw, 18px);
+  font-weight: 500;
   letter-spacing: 1px;
 }
 
@@ -395,6 +395,7 @@ export default {
   font-weight: 300;
   opacity: 0.8;
   transition: all 0.2s;
+  margin-left:clamp(10px, 2cqw, 15px);
 }
 
 .close-btn:hover {

+ 0 - 2
src/components/ui/TaskMonitorHeader.vue

@@ -38,8 +38,6 @@ export default {
     justify-content: space-between;
     align-items: center;
     width: 100%;
-    padding-right: 20px;
-    padding: 10px 0;
 }
 
 .left-info {

+ 1 - 1
src/components/ui/UserProfile.vue

@@ -67,7 +67,7 @@ export default {
       this.dialogManager.openDialog({
         id: 'dialog-change-password',
         title: '修改密码',
-        component: 'ChangePassword', 
+        component: 'ChangePassword',
         width: 400,
         height: 380,
         center: true,