#172 Label does not need to wrap (#173)

byzer-org · Apr 6, 2022 · 2932df7 · 2932df7
1 parent b950d8d
commit 2932df7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/components/DAGView/index.vue b/src/components/DAGView/index.vue
@@ -203,9 +203,11 @@ export default class DAGView extends Vue {
 .des_wrap {
   .des_item {
     margin: 8px 0;
+    display: flex;
     font-size: 14px;
     .des_label {
       font-weight: bold;
+      white-space: pre;
     }
   }
 }

diff --git a/src/components/FailureDetail/index.vue b/src/components/FailureDetail/index.vue
@@ -11,7 +11,8 @@
     <div class="log-wrap">
       <div class="node-item node-item-flex">
         <div class="label">{{ $t('schedules.failureNode') }}</div>
-        <div class="value">{{ failureDetail.name }}</div>
+        <!-- <div class="value">{{ failureDetail.name }}</div> -->
+        <div class="value">名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——名字很长——</div>
       </div>
       <div class="node-item">
         <div class="label">{{ $t('schedules.failureLog') }}</div>
@@ -79,12 +80,12 @@ export default class SetSchedule extends Vue {
 .log-wrap {
   .node-item-flex {
     display: flex;
-    align-items: center;
   }
   .node-item {
     margin: 8px 0;
     .label {
-      margin: 8px 0;
+      margin-bottom: 8px;
+      white-space: pre;
       font-size: 14px;
       font-weight: bold;
       color: $--color-text-primary;