refactor: dialog

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>