From 4d2b037dbe4e78aa90a4a6d9c7315dcf0a51fed9 Mon Sep 17 00:00:00 2001
From: Corentin Thomasset <corentin.thomasset74@gmail.com>
Date: Sat, 27 May 2023 17:36:15 +0200
Subject: refactor(ui): removed all n-space

---
 src/tools/benchmark-builder/benchmark-builder.vue | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

(limited to 'src/tools/benchmark-builder/benchmark-builder.vue')

diff --git a/src/tools/benchmark-builder/benchmark-builder.vue b/src/tools/benchmark-builder/benchmark-builder.vue
index 3a6182f..be350f2 100644
--- a/src/tools/benchmark-builder/benchmark-builder.vue
+++ b/src/tools/benchmark-builder/benchmark-builder.vue
@@ -1,6 +1,6 @@
 <template>
   <n-scrollbar style="flex: 1" x-scrollable>
-    <n-space :wrap="false" style="flex: 1" justify="center" :size="12" mb-5>
+    <div mb-5 flex flex-1 flex-nowrap justify-center gap-12px>
       <div v-for="(suite, index) of suites" :key="index">
         <c-card style="width: 294px">
           <c-input-text
@@ -17,7 +17,7 @@
           </n-form-item>
         </c-card>
 
-        <n-space justify="center">
+        <div flex justify-center>
           <c-button v-if="suites.length > 1" variant="text" @click="suites.splice(index, 1)">
             <n-icon :component="Trash" depth="3" mr-2 size="18" />
             Delete suite
@@ -29,14 +29,14 @@
             <n-icon :component="Plus" depth="3" mr-2 size="18" />
             Add suite
           </c-button>
-        </n-space>
+        </div>
       </div>
-    </n-space>
+    </div>
   </n-scrollbar>
 
   <div style="flex: 0 0 100%">
     <div style="max-width: 600px; margin: 0 auto">
-      <n-space justify="center">
+      <div mx-auto max-w-sm flex justify-center gap-3>
         <c-input-text v-model:value="unit" placeholder="Unit (eg: ms)" label="Unit" label-position="left" mb-4 />
 
         <c-button
@@ -48,7 +48,7 @@
           "
           >Reset suites</c-button
         >
-      </n-space>
+      </div>
 
       <n-table>
         <thead>
@@ -70,10 +70,10 @@
           </tr>
         </tbody>
       </n-table>
-      <n-space justify="center" mt-5>
+      <div mt-5 flex justify-center gap-3>
         <c-button @click="copyAsMarkdown">Copy as markdown table</c-button>
         <c-button @click="copyAsBulletList">Copy as bullet list</c-button>
-      </n-space>
+      </div>
     </div>
   </div>
 </template>
-- 
cgit v1.2.3