diff --git a/src/components/Table/CardTable/DataCardTable/CardPanel.vue b/src/components/Table/CardTable/DataCardTable/CardPanel.vue index 988726c3e..473446a96 100644 --- 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 index 3ec8150f1..5180c2b18 100644 --- a/src/components/Table/CardTable/DataCardTable/InfoPanel.vue +++ b/src/components/Table/CardTable/DataCardTable/InfoPanel.vue @@ -1,6 +1,6 @@ @@ -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 index ec9983879..ca4bbe155 100644 --- 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); }