master
mahdi 3 years ago
parent 651bec5f07
commit 06cf881ffb
  1. 42
      src/components/alert/alert.css
  2. 12
      src/components/sweetAlertToast/SweetAlert.css

@ -1,30 +1,30 @@
/* TODO common styles */
.swal2-container.swal2-center > .swal2-popup {
border: solid 2px #707070;
padding: 10px;
border: solid 2px #707070 !important;
padding: 10px !important;
}
/* ? کلاس تمامی تایتل ها */
.swal2-title {
text-align: right;
font-size: 26px;
text-align: right !important;
font-size: 26px !important;
}
/* ? کلاس متن داخل الرت باکس */
.swal2-html-container {
text-align: justify;
line-height: 1.8;
text-align: justify !important;
line-height: 1.8 !important;
color: var(--content-color) !important;
font-weight: 600;
font-weight: 600 !important;
}
/* ? کلاس ایکن کنسل یا ضربدر بالا سمت چپ الرت باکس */
.swal2-rtl .swal2-close {
border-radius: 10px;
margin-left: 10px;
margin-top: 13px;
transition: all 0.4s;
border-radius: 10px !important;
margin-left: 10px !important;
margin-top: 13px !important;
transition: all 0.4s !important;
}
/* ? کلاس کانفرم باتن */
.swal2-styled.swal2-confirm {
transition: all 0.4s;
transition: all 0.4s !important;
outline: none !important;
}
/* ? کلاس هاور کانفرم باتن */
@ -33,7 +33,7 @@
}
/* ? کلاس کنسل باتن */
.swal2-styled.swal2-cancel {
transition: all 0.4s;
transition: all 0.4s !important;
}
/* ? کلاس هاور کنسل باتن */
.swal2-styled.swal2-cancel:hover {
@ -41,8 +41,8 @@
}
/* ? ایکن اررور */
.swal2-icon.swal2-error {
border-color: #e92424;
color: #e92424;
border-color: var(--error-color7-button) !important;
color: var(--error-color7-button) !important;
}
/* !error 1 */
/* به اررور های ابی رنگ کلاس هایی دادم که اخرش با 1 تمام میشود */
@ -55,7 +55,7 @@
.eroorr:focus {
outline: none !important;
box-shadow: 0px 0px 0px black !important;
border: 0px;
border: 0px !important;
}
/* ? دکمه ضربدر بالا سمت چپ */
.close-button-1 {
@ -137,15 +137,15 @@
color: var(--error-color2) !important;
}
.alert-popup4 {
width: 440px;
width: 440px !important;
}
/* !error5 */
/* ? کانفرم باتن */
.confirm-button-5 {
background-color: var(--error-color2) !important;
margin-top: -81px;
margin-left: -260px;
padding: 12px 15px;
margin-top: -81px !important;
margin-left: -260px !important;
padding: 12px 15px !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
@ -211,7 +211,7 @@
text-align: center !important;
}
.alert-popup8 {
width: 440px;
width: 440px !important;
}
/* !error9 */
.title-error-9 {

@ -1,3 +1,10 @@
.swal2-popup.swal2-toast .swal2-title {
font-size: 1em !important;
}
.swal2-popup.swal2-toast .swal2-close {
margin-left: 0px !important;
margin-top: 0px !important;
}
.swal2-timer-progress-bar-container {
background-color: var(--error-color7) !important;
direction: ltr !important;
@ -27,7 +34,7 @@
/* *success Toast */
.success-toast-title {
color: var(--toast-success-color);
color: var(--toast-success-color) !important;
}
.success-toast-modalBox {
background-color: var(--toast-bg-success) !important;
@ -37,6 +44,3 @@
color: var(--toast-bg-success) !important;
padding: 15px !important;
}
.iconColor {
color: slateblue !important;
}

Loading…
Cancel
Save