Files
syscom-master-admin-ui/preview/assets/scss/plugins/_sweetalert.scss
T
2026-07-07 18:38:36 +05:30

127 lines
2.9 KiB
SCSS

/* Start Sweetalert Styles */
.swal2-popup {
@apply dark:bg-bodybg dark:text-white p-6 rounded-sm;
}
.swal2-title {
@apply p-0 text-xl mb-2;
}
.swal2-icon {
@apply mt-0;
}
.swal2-image {
@apply mt-0;
}
.swal2-styled.swal2-confirm {
@apply bg-primary rounded-sm;
}
div:where(.swal2-container) div:where(.swal2-validation-message) {
@apply bg-light text-defaulttextcolor dark:text-defaulttextcolor/70;
}
.swal2-styled.swal2-confirm:focus {
@apply shadow shadow-primary;
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right],
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left] {
@apply hidden;
}
.swal2-footer {
@apply border-gray-200 dark:border-white/10;
}
.swal2-styled.swal2-deny {
@apply bg-danger;
}
.swal2-styled.swal2-cancel {
@apply bg-secondary;
}
.swal2-loader {
@apply border-t-primary border-b-primary;
}
.swal2-file,
.swal2-input,
.swal2-textarea {
@apply border-gray-200 bg-white dark:bg-bodybg shadow-none! dark:border-white/10;
}
.swal2-file:focus,
.swal2-input:focus,
.swal2-textarea:focus {
@apply border-primary ring-primary shadow shadow-none;
}
.swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
@apply bg-danger;
}
.swal2-icon.swal2-error {
@apply border-danger text-danger;
}
.swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="left"] {
@apply start-[1em];
}
.swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
@apply w-[2em] h-[0.3em] bg-danger top-[1.9em];
}
.swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="right"] {
@apply end-[1em] top-[1.875rem];
}
.swal2-icon.swal2-info {
@apply border-info text-info;
}
.swal2-icon.swal2-success .swal2-success-ring {
@apply border-success/50;
}
.swal2-icon.swal2-success [class^="swal2-success-line"][class$="long"] {
@apply top-[2.05em]! w-8! right-[0.45em]!;
}
.swal2-icon.swal2-success [class^="swal2-success-line"][class$="tip"] {
@apply top-[2.375em]! left-[0.9125em]! w-[1.2625em]!;
}
.swal2-icon.swal2-success {
@apply border-success text-success;
}
.swal2-icon.swal2-question {
@apply border-secondary text-secondary;
}
.swal2-icon.swal2-warning {
@apply border-warning text-warning;
}
.swal2-icon {
@apply w-[60px] h-[60px];
}
// .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
// @apply top-[30px] w-[30px] h-1;
// }
.swal2-actions,
.swal2-html-container {
@apply m-0;
}
.swal2-icon.swal2-success [class^="swal2-success-line"][class$="long"] {
@apply top-10 w-8 right-[15px];
}
.swal2-icon.swal2-success [class^="swal2-success-line"][class$="tip"] {
@apply top-[47px] left-[22px] w-[20px];
}
.swal2-image{
@apply dark:brightness-50;
}
.swal2-icon.swal2-success .swal2-success-fix {
@apply bg-transparent !bg-transparent;
}
.swal2-footer {
@apply border-defaultborder dark:border-defaultborder/10 text-defaulttextcolor dark:text-defaulttextcolor/70;
}
/* End Sweetalert Styles */