changes

app/components/datatable/EditLabel.vue

@@ -1,12 +1,11 @@
 <template>
   <div>
-    <p class="fsb-20 mb-5">Điều chỉnh tiêu đề</p>
     <div
       v-for="(v, i) in arr"
       :key="i"
-      :class="i > 0 ? 'mt-4' : null"
+      :class="i > 0 && 'mt-4'"
     >
-      <p class="fsb-14">Dòng thứ {{ i + 1 }}<span class="has-text-danger"> *</span></p>
+      <p class="font-semibold">Dòng thứ {{ i + 1 }}<span class="has-text-danger"> *</span></p>
       <div class="field has-addons mt-1">
         <div class="control is-expanded">
           <input
@@ -16,23 +15,31 @@
           />
         </div>
         <div class="control">
-          <a
-            class="button px-2 is-primary"
+          <button
+            class="button is-success is-light"
             @click="add()"
           >
-            <span> <SvgIcon v-bind="{ name: 'add1.png', type: 'white', size: 17 }"></SvgIcon></span>
-          </a>
+            <span class="icon">
+              <Icon
+                name="material-symbols:add-rounded"
+                :size="20"
+              />
+            </span>
+          </button>
         </div>
         <div
           class="control"
           @click="remove(i)"
           v-if="i > 0"
         >
-          <a class="button px-2 is-dark">
-            <span>
-              <SvgIcon v-bind="{ name: 'bin.svg', type: 'white', size: 17 }"></SvgIcon>
+          <button class="button is-danger is-light">
+            <span class="icon">
+              <Icon
+                name="material-symbols:delete-outline-rounded"
+                :size="20"
+              />
             </span>
-          </a>
+          </button>
         </div>
       </div>
       <p
@@ -50,10 +57,10 @@
         Cập nhật
       </button>
       <button
-        class="button is-dark"
+        class="button is-white"
         @click="$emit('close')"
       >
-        Hủy bỏ
+        Hủy
       </button>
     </div>
   </div>
@@ -72,7 +79,7 @@ export default {
       if (!this.$empty(v)) {
         let label = v + "</p>";
         label = this.$stripHtml(label);
-        this.arr.push({ label: label });
+        this.arr.push({ label });
       }
     });
   },