การประเมินสมรรถนะ >การจัดการรอบการประเมิน>กำหนดฟอร์มเอกสาร

src/app/components/competency-assessment/evaluation-cycle-manager/define-document-form/define-document-form.component.scss

-.ti-modal-content-new {
-  top: 50%;
-  /* ให้อยู่กลางในแนวตั้ง */
-  left: 50%;
-  /* ให้อยู่กลางในแนวนอน */
-  position: relative;
-  /* ทำให้สามารถจัดตำแหน่งได้ */
-  transform: translate(-50%, -50%);
-  /* เคลื่อนที่ modal กลับมาให้ตรงกลาง */
-  background-color: white;
-  overflow: hidden;
-  /* ป้องกันการเลื่อนในโมดอล */
-}
-
-.ti-modal-body-new {
-  height: 50vh;
-  display: flex;
-  justify-content: center;
-  /* จัดแนวนอนให้ตรงกลาง */
-  align-items: center;
-  /* จัดแนวตั้งให้ตรงกลาง */
-  padding: 1rem;
-
-}
-
-.swal2-confirm {
-  background-color: #1DBE5A !important;
-}
-
-.swal2-cancel {
-  background-color: #B3B3B3 !important;
-}
-
-.div:where(.swal2-icon) {
-  position: relative;
-  box-sizing: content-box;
-  justify-content: center;
-  width: 5em;
-  height: 5em;
-  margin: 2.5em auto .6em;
-  border: .25em solid rgba(0, 0, 0, 0);
-  border-radius: 50%;
-  border-color: white;
-  font-family: inherit;
-  line-height: 5em;
-  cursor: default;
-  user-select: none;
-}

src/app/components/competency-assessment/evaluation-cycle-manager/define-document-form/define-document-form.component.ts

@@ -126,20 +126,19 @@ export class DefineDocumentFormComponent {
       positionClass: 'toast-top-right',
     });
   }
-
   basicAlert3() {
     Swal.fire({
-      iconHtml: '<i class="ri-file-upload-line"></i>',
+      iconHtml: '<i class="ri-file-upload-line text-center rounded-full !h-80px !w-80px !bg-success"></i>',
       title: 'ส่งออกเอกสาร',
       text: 'คุณต้องการส่งออกเอกสารฉบับนี้ใช่หรือไม่',
       showCancelButton: true,
+      reverseButtons: true,
       confirmButtonText: 'ส่งออกเอกสาร',
-      confirmButtonColor: '#1DBE5A',
       cancelButtonText: 'ย้อนกลับ',
-      cancelButtonColor: '#B3B3B3',
-      reverseButtons: true,
       customClass: {
-        icon: 'custom-icon',
+        actions:"!swal2-actions-mt-20px",
+        icon: '!swal2-icon-no-border',
+        confirmButton: '!swal2-button-bg-green',
       },
     }).then((result) => {
       if (result.isConfirmed) {

src/assets/css/style.css

@@ -24767,3 +24767,30 @@ div:where(.swal2-container) div:where(.swal2-validation-message) {
 .justify-around {
   justify-content: space-around;
 }
+
+.\!swal2-icon-no-border {
+  border: 0 !important;
+}
+.swal2-actions.\!swal2-actions-mt-20px {
+  margin-top: 20px !important;
+}
+.swal2-styled.swal2-confirm.\!swal2-button-bg-green {
+  background-color: #1dbe5a !important;
+}
+.swal2-styled.swal2-confirm.\!swal2-button-bg-green:focus {
+  box-shadow: 0 0 0 3px rgba(110, 120, 129, 0.5) !important;
+}
+
+.\!w-80px{
+  width: 80px !important;
+}
+.\!h-80px{
+  height: 80px !important;
+}
+
+.w-80px{
+  width: 80px !important;
+}
+.h-80px{
+  height: 80px !important;
+}
\ No newline at end of file