From 4f9ca4bd1734488dfb8556cd2283275725524304 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Thu, 7 Dec 2023 09:42:36 +0700
Subject: [PATCH] refactor: dialog

---
 .../src/components/UploadExistDialog.vue      | 27 ++++++++++---------
 1 file changed, 15 insertions(+), 12 deletions(-)

diff --git a/Services/client/src/components/UploadExistDialog.vue b/Services/client/src/components/UploadExistDialog.vue
index a34619f..3fdfd81 100644
--- a/Services/client/src/components/UploadExistDialog.vue
+++ b/Services/client/src/components/UploadExistDialog.vue
@@ -15,19 +15,23 @@ defineEmits(['update:notification', 'confirm', 'cancel'])
   >
     <q-card style="width: 400px">
       <q-card-section>
-        <div class="text-h6">
-          <q-icon
-            name="error"
-            color="warning"
-            size="2.5rem"
-          />เตือนพบไฟล์ชื่อซ้ำในระบบ
+        <div class="flex items-center" style="flex-wrap: nowrap">
+          <div class="q-pa-sm">
+            <div style="border-radius: 50%" class="bg-secondary q-pa-sm">
+              <q-icon name="mdi-alert-outline" color="warning" size="2.5rem" />
+            </div>
+          </div>
+          <div>
+            <h6 class="q-my-none">ยืนยันการเพิ่มข้อมูล</h6>
+            <p class="q-my-none">
+              พบข้อมูลในระบบ หากดำเนินการต่อ
+              ข้อมูลที่มีอยู่จะถูกแทนที่ด้วยข้อมูลใหม่
+              ต้องการยืนยันการเพิ่มข้อมูลนี้หรือไม่
+            </p>
+          </div>
         </div>
       </q-card-section>
 
-      <q-card-section class="q-pt-none">
-        หากดำเนินการต่อข้อมูลจะถูกเขียนทับ
-      </q-card-section>
-
       <q-card-actions align="right" class="bg-white text-primary">
         <q-space />
         <q-btn
@@ -37,10 +41,9 @@ defineEmits(['update:notification', 'confirm', 'cancel'])
           @click="() => $emit('cancel')"
         />
         <q-btn
-          flat
           label="ดำเนินการต่อ"
           v-close-popup
-          class="text-red"
+          color="warning"
           @click="() => $emit('confirm')"
         />
       </q-card-actions>