feat: progress refactor

2023-05-06 15:00:22 +08:00
parent 53e6f7dde5
commit 6b0a1d042e
2 changed files with 144 additions and 19 deletions
@@ -6,14 +6,18 @@ const props = defineProps(["value"]);

 </script>
 <template>
-    <table class="table">
-        <tbody>
-            <tr v-for="(v, k) of value">
-                <td class="text-capitalize" style="max-width: 200px;">{{ k }}</td>
-                <td><div class="overflow-hidden w-auto" style="max-width: 1000px;">
-                    <Component v-if="v" :is="select(v, 'horizontal')" :value="v"></Component></div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
+    <div class="overflow-x-auto">
+        <table class="table  w-full text-sm">
+            <tbody>
+                <tr v-for="(v, k) of value">
+                    <td class="text-capitalize" style="max-width: 200px;">{{ k }}</td>
+                    <td>
+                        <div class="overflow-hidden w-auto whitespace-normal" style="max-width: 1000px;">
+                            <Component v-if="v" :is="select(v, 'horizontal')" :value="v"></Component>
+                        </div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
 </template>