fix(comp:upload): upload list card status text isn't centered (#1461)

* fix(comp:upload): upload list card status text isn't centered * docs(comp:upload): modify demo drag panel style
IDuxFE · Feb 20, 2023 · afeb80e · afeb80e
1 parent 39f7f5d
commit afeb80e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/components/upload/demo/Dragable.vue b/packages/components/upload/demo/Dragable.vue
@@ -28,5 +28,10 @@ const files = ref([])
   &-icon {
     font-size: 24px;
   }
+
+  p {
+    font-size: 14px;
+    margin: 8px 0 0 0;
+  }
 }
 </style>
diff --git a/packages/components/upload/style/list.less b/packages/components/upload/style/list.less
@@ -179,11 +179,13 @@
 
       .@{upload-prefix}-status {
         color: @color-graphite-base;
+        text-align: center;
+        padding: @spacing-xs;
         min-width: @upload-list-image-card-status-min-width;
 
         .@{idux-prefix}-progress {
           display: flex;
-          margin-top: @upload-list-image-card-status-progress-margin;
+          margin: @upload-list-image-card-status-progress-margin;
         }
       }