Fixed: Card Style

jumpserver · Mar 4, 2025 · 4143c2d · 4143c2d
1 parent 6ebc028
commit 4143c2d
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 12 deletions.
diff --git a/src/components/Table/CardTable/DataCardTable/CardPanel.vue b/src/components/Table/CardTable/DataCardTable/CardPanel.vue
@@ -169,6 +169,12 @@ export default {
     .panel-image {
       margin: auto 5px;
     }
+
+    .panel-info {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+    }
   }
 
   .el-divider--horizontal {

diff --git a/src/components/Table/CardTable/DataCardTable/InfoPanel.vue b/src/components/Table/CardTable/DataCardTable/InfoPanel.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="panel-item">
-    <span class="item-label">{{ title }} </span>
+    <span class="item-label">{{ title }}: </span>
     <span :title="content" class="text-info">{{ content || '' }}</span>
   </div>
 </template>
@@ -35,22 +35,21 @@ export default {
 }
 
 .panel-item {
+  display: flex;
+  flex-wrap: nowrap;
   text-align: left;
   padding: 3px 0;
   line-height: 20px;
 
   .item-label {
     text-align: left;
-    display: inline-block;
-    width: 35%;
-  }
-
-  .item-label::after {
-    content: ':';
-    margin-left: 1px;
+    display: flex;
+    flex: 1;
+    min-width: 110px;
   }
 
   .text-info {
+    flex: 2;
     @include textOverflow;
   }
 }

diff --git a/src/views/assets/Cloud/Account/components/CreateDialog.vue b/src/views/assets/Cloud/Account/components/CreateDialog.vue
@@ -118,10 +118,6 @@ export default {
     &.is-process {
       color: var(--color-primary);
 
-      .el-step__line {
-        background-color: var(--color-primary);
-      }
-
       .el-step__icon {
         border-color: var(--color-primary);
       }