master
mahdi 3 years ago
parent 0a0f4a246d
commit e593759b36
  1. 34
      src/components/sweetAlertToast/SweetAlert.css
  2. 5
      src/components/sweetAlertToast/SweetToast.js

@ -6,23 +6,20 @@
margin-top: 0px !important; margin-top: 0px !important;
} }
.swal2-timer-progress-bar-container { .swal2-timer-progress-bar-container {
/* background-color: var(--error-color7) !important; direction: ltr !important;
direction: ltr !important; */
}
.swal2-timer-progress-bar {
/* background-color: var(--toast-bg-error) !important; */
} }
/* .swal2-timer-progress-bar {
background-color: var(--toast-bg-error) !important;
} */
.swal2-icon { .swal2-icon {
font-size: 13px !important; font-size: 13px !important;
} }
/* .swal2-timer-progress-bar {
direction: ltr !important;
} */
/* !error Toast */ /* !error Toast */
.error-toast-title { .error-toast-title {
color: var(--error-color7) !important; color: var(--error-color7) !important;
} }
.error-toast-modalBox { .error-toast-modalBox,
.error-toast-modalBox-timer {
background-color: var(--toast-bg-error) !important; background-color: var(--toast-bg-error) !important;
} }
.error-toast-closeButton { .error-toast-closeButton {
@ -35,7 +32,8 @@
.success-toast-title { .success-toast-title {
color: var(--toast-success-color) !important; color: var(--toast-success-color) !important;
} }
.success-toast-modalBox { .success-toast-modalBox,
.success-toast-modalBox-timer {
background-color: var(--toast-bg-success) !important; background-color: var(--toast-bg-success) !important;
} }
.success-toast-closeButton { .success-toast-closeButton {
@ -43,3 +41,19 @@
color: var(--toast-bg-success) !important; color: var(--toast-bg-success) !important;
padding: 15px !important; padding: 15px !important;
} }
.error-toast-modalBox-timer .swal2-timer-progress-bar-container {
background-color: var(--error-color7) !important;
}
.error-toast-modalBox-timer .swal2-timer-progress-bar {
background-color: var(--toast-bg-error) !important;
}
.success-toast-modalBox-timer .swal2-timer-progress-bar-container {
background-color: var(--toast-success-color) !important;
}
.success-toast-modalBox-timer .swal2-timer-progress-bar {
background-color: var(--toast-bg-success) !important;
}

@ -117,7 +117,7 @@ function SweetToast(props) {
customClass: { customClass: {
title: "error-toast-title", title: "error-toast-title",
closeButton: "error-toast-closeButton", closeButton: "error-toast-closeButton",
popup: "error-toast-modalBox", popup: "error-toast-modalBox-timer",
}, },
}) })
} }
@ -140,8 +140,7 @@ function SweetToast(props) {
customClass: { customClass: {
title: "success-toast-title", title: "success-toast-title",
closeButton: "success-toast-closeButton", closeButton: "success-toast-closeButton",
popup: "success-toast-modalBox", popup: "success-toast-modalBox-timer",
footer: "footer-error-9",
}, },
}) })
} }

Loading…
Cancel
Save