changes

app/components/dialog/Confirm.vue

@@ -5,37 +5,35 @@
       defer
       to=".modal-card:has(.confirm) .modal-card-foot"
     >
-      <div class="field is-grouped">
+      <div class="field is-grouped w-full is-align-items-center">
         <div class="control is-expanded">
           <div class="buttons">
             <button
               class="button is-primary has-text-white"
-              @click="confirm()"
+              @click="confirm"
             >
               Đồng ý
             </button>
             <button
               class="button is-white"
-              @click="cancel()"
+              @click="cancel"
             >
               Hủy
             </button>
           </div>
         </div>
-        <div
-          class="control"
+        <CountDown
           v-if="duration"
-        >
-          <CountDown
-            :duration="duration"
-            @close="cancel()"
-          />
-        </div>
+          :duration="duration"
+          @close="cancel"
+        />
       </div>
     </Teleport>
   </div>
 </template>
 <script setup>
+import CountDown from "@/components/dialog/CountDown.vue";
+
 const props = defineProps({
   content: String,
   duration: Number,