changes

app/components/dialog/Confirm.vue

@@ -20,7 +20,7 @@
           </button>
           <button
             ref="confirmBtn"
-            class="button is-primary has-text-white"
+            class="button is-primary"
             @click="confirm"
           >
             Đồng ý

app/components/dialog/Error.vue

@@ -1,3 +1,10 @@
+<script setup>
+const props = defineProps({
+  content: String,
+  duration: Number,
+});
+</script>
+
 <template>
   <div>
     <div class="field is-grouped">
@@ -5,45 +12,15 @@
         class="control is-expanded"
         v-html="content"
       ></div>
-      <div class="control">
-        <Icon
-          name="material-symbols:cancel-rounded"
-          :size="24"
-          class="has-text-danger"
-        />
-      </div>
     </div>
     <div class="mt-3 mb-5"></div>
-    <div class="field is-grouped">
-      <div class="control is-expanded">
-        <button
-          class="button is-danger"
-          @click="cancel()"
-        >
-          Đóng
-        </button>
-      </div>
-      <div
-        v-if="duration"
-        class="control"
+    <div class="buttons is-right">
+      <button
+        class="button is-light"
+        @click="$emit('close')"
       >
-        <CountDown
-          :duration="duration"
-          @close="cancel()"
-        />
-      </div>
+        Đóng
+      </button>
     </div>
   </div>
 </template>
-<script setup>
-const props = defineProps({
-  content: String,
-  duration: Number,
-});
-
-const emit = defineEmits(["close"]);
-
-function cancel() {
-  emit("close");
-}
-</script>