Browse Source

style(frontend): 案件胶囊高度与字号对齐模式切换

cc 22 hours ago
parent
commit
877dde88de

+ 8 - 6
ai-electron/frontend/src/core/components/Application/src/AppTopBar.vue

@@ -181,19 +181,21 @@
     &__case {
       display: inline-flex;
       align-items: center;
-      gap: 5px;
+      gap: 6px;
       flex: 0 0 auto;
       max-width: 300px;
-      padding: 2px 9px;
+      height: 28px;
+      box-sizing: border-box;
+      padding: 0 12px;
       overflow: hidden;
-      font-size: 11px;
+      font-size: 14px;
       /* 自带行高:布局壳给顶栏设过大行高,继承下来会把胶囊撑出顶栏 */
-      line-height: 1.4;
+      line-height: 1;
       color: @text-color-secondary;
       white-space: nowrap;
       background: @component-background;
       border: 1px solid @border-color-base;
-      border-radius: 99px;
+      border-radius: 6px;
 
       b {
         overflow: hidden;
@@ -211,7 +213,7 @@
     &__case-exit {
       flex: 0 0 auto;
       padding: 0;
-      font-size: 10.5px;
+      font-size: 14px;
       color: @text-color-help-dark;
       background: transparent;
       border: none;