Remove Iconly font CSS files: iconly.css and iconly.rtl.css

This commit is contained in:
LailaWulandarii 2025-12-30 02:59:44 +07:00
parent d8cb177ef1
commit 6cdb4d86db
5 changed files with 422 additions and 24240 deletions

File diff suppressed because one or more lines are too long

View File

@ -116,6 +116,8 @@ [data-bs-theme=light] {
/* Teal Utama */ /* Teal Utama */
--bs-brick: #E66351; --bs-brick: #E66351;
--bs-red: #DC464F; --bs-red: #DC464F;
--bs-red-active: #bb3b43;
--bs-red-hover: #a5343b;
/* Merah Bunga */ /* Merah Bunga */
--bs-orange: #FF975A; --bs-orange: #FF975A;
/* Oranye Aksen */ /* Oranye Aksen */
@ -128,9 +130,9 @@ [data-bs-theme=light] {
/* Hijau Sukses */ /* Hijau Sukses */
--bs-info: #0dcaf0; --bs-info: #0dcaf0;
/* Biru Info */ /* Biru Info */
--bs-warning: #ffc107; --bs-warning: #FF975A;
/* Kuning Peringatan */ /* Kuning Peringatan */
--bs-danger: #dc3545; --bs-danger: #DC464F;
/* Merah Error */ /* Merah Error */
--bs-secondary: #6c757d; --bs-secondary: #6c757d;
--bs-light: #ced4da; --bs-light: #ced4da;
@ -252,8 +254,8 @@ [data-bs-theme=light] {
/* Form Validation State */ /* Form Validation State */
--bs-form-valid-color: #198754; --bs-form-valid-color: #198754;
--bs-form-valid-border-color: #198754; --bs-form-valid-border-color: #198754;
--bs-form-invalid-color: #dc3545; --bs-form-invalid-color: #DC464F;
--bs-form-invalid-border-color: #dc3545; --bs-form-invalid-border-color: #DC464F;
/* Lain-lain (Highlight & Gradient) */ /* Lain-lain (Highlight & Gradient) */
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0)); --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
@ -294,6 +296,9 @@ [data-bs-theme=light] {
--bs-danger-border-subtle: #f1aeb5; --bs-danger-border-subtle: #f1aeb5;
--bs-light-border-subtle: #e9ecef; --bs-light-border-subtle: #e9ecef;
--bs-dark-border-subtle: #adb5bd; --bs-dark-border-subtle: #adb5bd;
--login-bg: #f4f6f9;
} }
@ -320,7 +325,7 @@ body {
line-height: var(--bs-body-line-height); line-height: var(--bs-body-line-height);
color: var(--bs-body-color); color: var(--bs-body-color);
text-align: left; text-align: left;
background-color: rgba(var(--bs-primary-rgb), 0.04); background-color: #f4f6f9;
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@ -2500,7 +2505,7 @@ @media (max-width: 1399.98px) {
} }
.form-label { .form-label {
margin-bottom: .5rem margin-bottom: .3rem
} }
.col-form-label { .col-form-label {
@ -2529,10 +2534,11 @@ .form-text {
color: #7c8db5 color: #7c8db5
} }
.form-control { .form-control,
.form-select {
display: block; display: block;
width: 100%; width: 100%;
padding: .375rem .75rem; padding: .4rem .8rem;
font-size: 1rem; font-size: 1rem;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
@ -2542,7 +2548,7 @@ .form-control {
background-color: #fff; background-color: #fff;
background-clip: padding-box; background-clip: padding-box;
border: 1px solid #dce7f1; border: 1px solid #dce7f1;
border-radius: .25rem; border-radius: .6rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
} }
@ -2553,19 +2559,20 @@ @media (prefers-reduced-motion: reduce) {
} }
.form-control[type=file] { .form-control[type=file] {
overflow: hidden overflow: hidden;
} }
.form-control[type=file]:not(:disabled):not([readonly]) { .form-control[type=file]:not(:disabled):not([readonly]) {
cursor: pointer cursor: pointer
} }
.form-control:focus { .form-control:focus,
.form-select:focus {
color: #607080; color: #607080;
background-color: #fff; background-color: #fff;
border-color: #a1afdf; border-color: var(--bs-primary);
outline: 0; outline: 0;
box-shadow: 0 0 0 .25rem rgba(67, 94, 190, .25) box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.1);
} }
.form-control::-webkit-date-and-time-value { .form-control::-webkit-date-and-time-value {
@ -2579,8 +2586,10 @@ .form-control::-webkit-datetime-edit {
padding: 0 padding: 0
} }
.form-control::placeholder { .form-control::placeholder,
color: #adb5bd; .form-select::placeholder {
color: var(--bs-gray-500);
font-size: 14px;
opacity: 1 opacity: 1
} }
@ -2706,7 +2715,7 @@ .form-select {
--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
display: block; display: block;
width: 100%; width: 100%;
padding: .375rem 1.75rem .375rem .75rem; padding: .4rem .8rem;
font-size: 1rem; font-size: 1rem;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
@ -2719,21 +2728,20 @@ .form-select {
background-position: right .75rem center; background-position: right .75rem center;
background-size: 16px 12px; background-size: 16px 12px;
border: 1px solid #dce7f1; border: 1px solid #dce7f1;
border-radius: .25rem; border-radius: .6rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
} }
.form-select option {
font-size: 13px;
}
@media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
.form-select { .form-select {
transition: none transition: none
} }
} }
.form-select:focus {
border-color: #a1afdf;
outline: 0;
box-shadow: 0 0 0 .25rem rgba(67, 94, 190, .25)
}
.form-select[multiple], .form-select[multiple],
.form-select[size]:not([size="1"]) { .form-select[size]:not([size="1"]) {
@ -3344,7 +3352,7 @@ .invalid-feedback {
width: 100%; width: 100%;
margin-top: .25rem; margin-top: .25rem;
font-size: .875em; font-size: .875em;
color: #dc3545 color: #DC464F
} }
.invalid-tooltip { .invalid-tooltip {
@ -3370,9 +3378,9 @@ .is-invalid~.invalid-tooltip {
.was-validated .form-control:invalid, .was-validated .form-control:invalid,
.form-control.is-invalid { .form-control.is-invalid {
border-color: #dc3545; border-color: #DC464F;
padding-right: calc(1.5em + .75rem); padding-right: calc(1.5em + .75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23DC464F'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23DC464F' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center; background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem) background-size: calc(.75em + .375rem) calc(.75em + .375rem)
@ -3380,7 +3388,7 @@ .form-control.is-invalid {
.was-validated .form-control:invalid:focus, .was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus { .form-control.is-invalid:focus {
border-color: #dc3545; border-color: #DC464F;
box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25) box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
} }
@ -3392,14 +3400,14 @@ textarea.form-control.is-invalid {
.was-validated .form-select:invalid, .was-validated .form-select:invalid,
.form-select.is-invalid { .form-select.is-invalid {
border-color: #dc3545 border-color: #DC464F
} }
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] { .form-select.is-invalid:not([multiple])[size="1"] {
--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23DC464F'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23DC464F' stroke='none'/%3e%3c/svg%3e");
padding-right: calc(.75em + 3.0625rem); padding-right: calc(.75em + 3.0625rem);
background-position: right .75rem center, center right 2.5rem; background-position: right .75rem center, center right 2.5rem;
background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem) background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
@ -3407,7 +3415,7 @@ .form-select.is-invalid:not([multiple])[size="1"] {
.was-validated .form-select:invalid:focus, .was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus { .form-select.is-invalid:focus {
border-color: #dc3545; border-color: #DC464F;
box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25) box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
} }
@ -3418,12 +3426,12 @@ .form-control-color.is-invalid {
.was-validated .form-check-input:invalid, .was-validated .form-check-input:invalid,
.form-check-input.is-invalid { .form-check-input.is-invalid {
border-color: #dc3545 border-color: #DC464F
} }
.was-validated .form-check-input:invalid:checked, .was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked { .form-check-input.is-invalid:checked {
background-color: #dc3545 background-color: #DC464F
} }
.was-validated .form-check-input:invalid:focus, .was-validated .form-check-input:invalid:focus,
@ -3433,7 +3441,7 @@ .form-check-input.is-invalid:focus {
.was-validated .form-check-input:invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label { .form-check-input.is-invalid~.form-check-label {
color: #dc3545 color: #DC464F
} }
.form-check-inline .form-check-input~.invalid-feedback { .form-check-inline .form-check-input~.invalid-feedback {
@ -3577,19 +3585,18 @@ .btn-secondary {
.btn-success { .btn-success {
--bs-btn-color: #fff; --bs-btn-color: #fff;
--bs-btn-bg: #198754; --bs-btn-bg: #3B8181;
--bs-btn-border-color: #198754; --bs-btn-border-color: #3B8181;
--bs-btn-hover-color: #fff; --bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #157347; --bs-btn-hover-bg: #2a6161;
--bs-btn-hover-border-color: #146c43; --bs-btn-hover-border-color: #2a6161;
--bs-btn-focus-shadow-rgb: 60, 153, 110; --bs-btn-focus-shadow-rgb: 59, 129, 129;
--bs-btn-active-color: #fff; --bs-btn-active-color: #fff;
--bs-btn-active-bg: #146c43; --bs-btn-active-bg: #225454;
--bs-btn-active-border-color: #13653f; --bs-btn-active-border-color: #225454;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
--bs-btn-disabled-color: #fff; --bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #198754; --bs-btn-disabled-bg: #3B8181;
--bs-btn-disabled-border-color: #198754 --bs-btn-disabled-border-color: #3B8181;
} }
.btn-info { .btn-info {
@ -3610,26 +3617,26 @@ .btn-info {
} }
.btn-warning { .btn-warning {
--bs-btn-color: #000; --bs-btn-color: #fff;
--bs-btn-bg: #ffc107; --bs-btn-bg: #FF975A;
--bs-btn-border-color: #ffc107; --bs-btn-border-color: #FF975A;
--bs-btn-hover-color: #000; --bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #ffca2c; --bs-btn-hover-bg: #e67e40;
--bs-btn-hover-border-color: #ffc720; --bs-btn-hover-border-color: #e67e40;
--bs-btn-focus-shadow-rgb: 217, 164, 6; --bs-btn-focus-shadow-rgb: 217, 164, 6;
--bs-btn-active-color: #000; --bs-btn-active-color: #fff;
--bs-btn-active-bg: #ffcd39; --bs-btn-active-bg: #cc6f38;
--bs-btn-active-border-color: #ffc720; --bs-btn-active-border-color: #cc6f38;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
--bs-btn-disabled-color: #000; --bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #ffc107; --bs-btn-disabled-bg: #FF975A;
--bs-btn-disabled-border-color: #ffc107 --bs-btn-disabled-border-color: #FF975A
} }
.btn-danger { .btn-danger {
--bs-btn-color: #fff; --bs-btn-color: #fff;
--bs-btn-bg: #dc3545; --bs-btn-bg: #DC464F;
--bs-btn-border-color: #dc3545; --bs-btn-border-color: #DC464F;
--bs-btn-hover-color: #fff; --bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #bb2d3b; --bs-btn-hover-bg: #bb2d3b;
--bs-btn-hover-border-color: #b02a37; --bs-btn-hover-border-color: #b02a37;
@ -3639,8 +3646,8 @@ .btn-danger {
--bs-btn-active-border-color: #a52834; --bs-btn-active-border-color: #a52834;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
--bs-btn-disabled-color: #fff; --bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #dc3545; --bs-btn-disabled-bg: #DC464F;
--bs-btn-disabled-border-color: #dc3545 --bs-btn-disabled-border-color: #DC464F
} }
.btn-light { .btn-light {
@ -3729,36 +3736,36 @@ .btn-outline-info {
} }
.btn-outline-warning { .btn-outline-warning {
--bs-btn-color: #ffc107; --bs-btn-color: #FF975A;
--bs-btn-border-color: #ffc107; --bs-btn-border-color: #FF975A;
--bs-btn-hover-color: #000; --bs-btn-hover-color: #000;
--bs-btn-hover-bg: #ffc107; --bs-btn-hover-bg: #FF975A;
--bs-btn-hover-border-color: #ffc107; --bs-btn-hover-border-color: #FF975A;
--bs-btn-focus-shadow-rgb: 255, 193, 7; --bs-btn-focus-shadow-rgb: 255, 193, 7;
--bs-btn-active-color: #000; --bs-btn-active-color: #000;
--bs-btn-active-bg: #ffc107; --bs-btn-active-bg: #FF975A;
--bs-btn-active-border-color: #ffc107; --bs-btn-active-border-color: #FF975A;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
--bs-btn-disabled-color: #ffc107; --bs-btn-disabled-color: #FF975A;
--bs-btn-disabled-bg: transparent; --bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #ffc107; --bs-btn-disabled-border-color: #FF975A;
--bs-gradient: none --bs-gradient: none
} }
.btn-outline-danger { .btn-outline-danger {
--bs-btn-color: #dc3545; --bs-btn-color: #DC464F;
--bs-btn-border-color: #dc3545; --bs-btn-border-color: #DC464F;
--bs-btn-hover-color: #fff; --bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #dc3545; --bs-btn-hover-bg: #DC464F;
--bs-btn-hover-border-color: #dc3545; --bs-btn-hover-border-color: #DC464F;
--bs-btn-focus-shadow-rgb: 220, 53, 69; --bs-btn-focus-shadow-rgb: 220, 53, 69;
--bs-btn-active-color: #fff; --bs-btn-active-color: #fff;
--bs-btn-active-bg: #dc3545; --bs-btn-active-bg: #DC464F;
--bs-btn-active-border-color: #dc3545; --bs-btn-active-border-color: #DC464F;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
--bs-btn-disabled-color: #dc3545; --bs-btn-disabled-color: #DC464F;
--bs-btn-disabled-bg: transparent; --bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #dc3545; --bs-btn-disabled-border-color: #DC464F;
--bs-gradient: none --bs-gradient: none
} }
@ -5021,7 +5028,10 @@ .card-body {
} }
.card-title { .card-title {
color: var(--bs-card-title-color) color: black;
font-weight: var(--fw-semibold);
font-size: var(--text-lg);
margin-bottom: .7rem;
} }
.card-subtitle { .card-subtitle {
@ -5442,12 +5452,12 @@ .pagination-sm {
} }
.badge { .badge {
--bs-badge-padding-x: .65em; --bs-badge-padding-x: .825em;
--bs-badge-padding-y: .35em; --bs-badge-padding-y: .575em;
--bs-badge-font-size: .85em; --bs-badge-font-size: .85em;
--bs-badge-font-weight: 700; --bs-badge-font-weight: 500;
--bs-badge-color: #fff; --bs-badge-color: #000;
--bs-badge-border-radius: .25rem; --bs-badge-border-radius: 2rem;
display: inline-block; display: inline-block;
padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
font-size: var(--bs-badge-font-size); font-size: var(--bs-badge-font-size);
@ -6121,7 +6131,7 @@ .modal {
--bs-modal-bg: #fff; --bs-modal-bg: #fff;
--bs-modal-border-color: rgba(0, 0, 0, .2); --bs-modal-border-color: rgba(0, 0, 0, .2);
--bs-modal-border-width: 1px; --bs-modal-border-width: 1px;
--bs-modal-border-radius: .3rem; --bs-modal-border-radius: 1rem;
--bs-modal-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075); --bs-modal-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
--bs-modal-inner-border-radius: calc(.3rem - 1px); --bs-modal-inner-border-radius: calc(.3rem - 1px);
--bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-x: 1rem;
@ -6188,7 +6198,78 @@ .modal-dialog-scrollable .modal-body {
.modal-dialog-centered { .modal-dialog-centered {
display: flex; display: flex;
align-items: center; align-items: center;
min-height: calc(100% - var(--bs-modal-margin) * 2) min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-reject,
.modal-accept {
border-radius: 1rem;
border: none;
}
.custom-textarea {
border: 1px solid #e9ecef;
resize: none;
font-size: 0.9rem;
color: #495057;
transition: all 0.3s;
}
.custom-textarea:focus {
background-color: #fff;
border-color: #DC464F;
box-shadow: 0 0 0 4px rgba(220, 53, 69, 0.1);
/* Glow merah tipis */
}
/* 3. Tombol Batal (Hover effect) */
.modal-reject .btn-light,
.modal-accept .btn-light {
background-color: #fff;
border: 1px solid #dee2e6;
color: #6c757d;
}
.modal-reject .btn-light:hover,
.modal-accept .btn-light:hover {
background-color: #f8f9fa;
border-color: #cdd4da;
color: #000;
}
.modal-reject .btn-danger {
background-color: #DC464F;
border: none;
box-shadow: 0 4px 12px rgba(220, 53, 69, 0.3);
/* Shadow tombol */
}
.modal-reject .btn-danger:hover {
background-color: #bb2d3b;
transform: translateY(-1px);
/* Efek naik dikit pas dihover */
}
/* MODAL ADD */
.upload-area {
border: 2px dashed #dee2e6;
/* Garis putus-putus abu */
border-radius: 0.5rem;
background-color: #f8f9fa;
/* Background abu sangat muda */
cursor: pointer;
transition: all 0.3s;
}
.upload-area span,
.upload-area small {
font-size: var(--text-xs);
}
.upload-area:hover {
border-color: #3B8181;
/* Warna tema saat dihover */
background-color: #fff;
} }
.modal-content { .modal-content {
@ -6205,6 +6286,17 @@ .modal-content {
outline: 0 outline: 0
} }
/* Paksa modal preview gambar punya z-index lebih tinggi dari modal standar */
#modalImagePreview {
z-index: 1061 !important;
/* Nilai standar modal Bootstrap adalah 1055 */
}
/* Pastikan backdrop (layar hitam) modal preview juga ikut naik */
#modalImagePreview.show~.modal-backdrop {
z-index: 1060 !important;
}
.modal-backdrop { .modal-backdrop {
--bs-backdrop-zindex: 1050; --bs-backdrop-zindex: 1050;
--bs-backdrop-bg: #000; --bs-backdrop-bg: #000;
@ -6232,7 +6324,6 @@ .modal-header {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: var(--bs-modal-header-padding); padding: var(--bs-modal-header-padding);
border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-left-radius: var(--bs-modal-inner-border-radius);
border-top-right-radius: var(--bs-modal-inner-border-radius) border-top-right-radius: var(--bs-modal-inner-border-radius)
} }
@ -6244,7 +6335,7 @@ .modal-header .btn-close {
.modal-title { .modal-title {
margin-bottom: 0; margin-bottom: 0;
line-height: var(--bs-modal-title-line-height) font-weight: var(--fw-medium);
} }
.modal-body { .modal-body {
@ -6258,7 +6349,7 @@ .modal-footer {
flex-shrink: 0; flex-shrink: 0;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: center;
padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5); padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
background-color: var(--bs-modal-footer-bg); background-color: var(--bs-modal-footer-bg);
border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
@ -6266,10 +6357,104 @@ .modal-footer {
border-bottom-left-radius: var(--bs-modal-inner-border-radius) border-bottom-left-radius: var(--bs-modal-inner-border-radius)
} }
.modal-footer>* { .modal-section-title {
margin: calc(var(--bs-modal-footer-gap) * .5) font-size: var(--text-base);
font-weight: var(--fw-medium);
margin-bottom: 6px;
} }
.detail-order,
.detail-customer,
.payment-box,
.detail-buket {
border-radius: 12px;
border: 1px solid var(--bs-gray-200);
padding: 10px 14px;
margin-bottom: 10px;
}
.custom-img-box {
width: 100%;
height: 250px;
object-fit: contain;
border-radius: 12px;
background-color: #f8f9fa;
cursor: pointer;
display: block;
}
.custom-img-box-foto {
width: 100%;
height: 200px;
object-fit: contain;
border-radius: 12px;
background-color: #f8f9fa;
cursor: pointer;
display: block;
}
/* Wrapper per baris data (kiri label, kanan value) */
.detail-row {
display: flex;
justify-content: space-between;
margin-bottom: 0.25rem;
}
/* Tulisan Label (Kiri - Abu-abu) */
.detail-label,
.detail-buket-label {
color: black;
font-size: var(--text-sm);
}
/* Tulisan Isi/Value (Kanan - Tebal) */
.detail-value,
.detail-value.amount,
.detail-value.item {
font-weight: var(--fw-medium);
color: #000;
text-align: right;
margin-bottom: 0;
}
.detail-buket-value {
font-weight: var(--fw-medium);
color: #000;
text-align: left;
margin-bottom: 0;
}
/* Foto Bukti Transfer */
.proof-img-wrapper {
background-color: #fff;
text-align: center;
cursor: pointer;
transition: transform 0.2s;
}
.proof-img-wrapper:hover {
transform: scale(1.02);
/* Efek zoom dikit pas di-hover */
border-color: #0d6efd;
/* Highlight border warna biru */
}
.proof-img {
max-height: 150px;
width: auto;
border-radius: 0.25rem;
}
.btn.tolak,
.btn.terima,
.btn.batal,
.btn.kirim-wa {
font-size: var(--text-sm);
border-radius: 50px;
padding: 10px 0;
}
@media (min-width: 576px) { @media (min-width: 576px) {
.modal { .modal {
--bs-modal-margin: 1.75rem; --bs-modal-margin: 1.75rem;
@ -7015,6 +7200,36 @@ @media (prefers-reduced-motion: reduce) {
} }
} }
.login-page {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
/* 2. Card Styling */
.login-card {
background-color: white;
width: 100%;
max-width: 400px;
/* Sedikit lebih ramping biar elegan */
padding: 40px;
border-radius: 16px;
/* Lebih rounded biar modern */
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
border: 1px solid rgba(0, 0, 0, 0.02);
}
/* 3. Logo */
.login-logo {
width: 120px;
margin-bottom: 20px;
display: block;
margin-left: auto;
margin-right: auto;
}
.offcanvas, .offcanvas,
.offcanvas-xxl, .offcanvas-xxl,
.offcanvas-xl, .offcanvas-xl,
@ -22090,7 +22305,75 @@ .btn svg {
} }
.btn.icon { .btn.icon {
padding: .4rem .6rem padding: .3rem .5rem;
border-radius: 8px;
margin: 0;
}
.btn-add-custom,
.btn-add-foto,
.btn-add-additional {
display: inline-flex;
align-items: center;
gap: 0.5rem;
border-radius: 50rem;
padding: 0.6rem 1rem;
font-weight: 500;
text-decoration: none;
transition: all 0.3s ease;
border: 1px solid transparent;
font-size: var(--text-sm);
background-color: var(--bs-primary);
color: #fff;
box-shadow: 0 4px 6px rgba(59, 129, 129, 0.2);
}
.btn-add-additional {
display: inline-flex;
align-items: center;
gap: 0.5rem;
border-radius: 50rem;
padding: 0.6rem 1.4rem;
font-weight: 500;
text-decoration: none;
transition: all 0.3s ease;
border: 1px solid transparent;
font-size: var(--text-sm);
background-color: var(--bs-red);
color: #fff;
box-shadow: 0 4px 6px rgba(59, 129, 129, 0.2);
}
.btn-add-custom:hover,
.btn-add-foto:hover {
background-color: var(--bs-link-hover-color);
color: #fff;
transform: translateY(-2px);
box-shadow: 0 6px 12px rgba(59, 129, 129, 0.3);
}
.btn-add-additional:hover {
background-color: var(--bs-red-hover);
color: #fff;
transform: translateY(-2px);
box-shadow: 0 6px 12px rgba(59, 129, 129, 0.3);
}
.btn-add-custom i,
.btn-add-foto i,
.btn-add-additional i {
line-height: 1;
display: flex;
align-items: center;
height: 100%;
}
.btn-add-custom:active,
.btn-add-foto:active,
.btn-add-additional:active {
transform: translateY(0);
} }
.btn.icon svg { .btn.icon svg {
@ -22499,12 +22782,39 @@ .form-group[class*=has-icon-] .form-control-icon svg:before {
.form-group.mandatory .form-label:first-child:after { .form-group.mandatory .form-label:first-child:after {
content: " *"; content: " *";
color: #dc3545 color: #DC464F
} }
.form-group.is-invalid * { .form-group.is-invalid * {
color: #dc3545; color: #DC464F;
border-color: #dc3545 border-color: #DC464F
}
.form-group.has-icon-right {
position: relative;
}
/* Padding kanan input biar teks password gak nabrak icon mata */
.form-group.has-icon-right .form-control {
padding-right: 40px;
}
.form-control-icon {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
z-index: 10;
/* PENTING: Biar icon ada di layer paling atas & bisa diklik */
cursor: pointer;
color: #6c757d;
padding: 5px;
/* Nambah area klik */
}
.form-control-icon:hover {
color: #0d6efd;
/* Efek hover biru */
} }
.form-control~.form-control-icon { .form-control~.form-control-icon {
@ -22610,8 +22920,8 @@ .form-check .form-check-input.form-check-info.form-check-glow:not(:checked) {
} }
.form-check .form-check-input.form-check-warning { .form-check .form-check-input.form-check-warning {
background-color: #ffc107; background-color: #FF975A;
border-color: #ffc107 border-color: #FF975A
} }
.form-check .form-check-input.form-check-warning:not(:checked) { .form-check .form-check-input.form-check-warning:not(:checked) {
@ -22628,8 +22938,8 @@ .form-check .form-check-input.form-check-warning.form-check-glow:not(:checked) {
} }
.form-check .form-check-input.form-check-danger { .form-check .form-check-input.form-check-danger {
background-color: #dc3545; background-color: #DC464F;
border-color: #dc3545 border-color: #DC464F
} }
.form-check .form-check-input.form-check-danger:not(:checked) { .form-check .form-check-input.form-check-danger:not(:checked) {
@ -22704,13 +23014,13 @@ .form-check.form-check-info .form-check-input {
} }
.form-check.form-check-warning .form-check-input { .form-check.form-check-warning .form-check-input {
background-color: #ffc107; background-color: #FF975A;
border-color: #ffc107 border-color: #FF975A
} }
.form-check.form-check-danger .form-check-input { .form-check.form-check-danger .form-check-input {
background-color: #dc3545; background-color: #DC464F;
border-color: #dc3545 border-color: #DC464F
} }
.form-check.form-check-light .form-check-input { .form-check.form-check-light .form-check-input {
@ -23477,14 +23787,14 @@ .pagination.pagination-info .page-item.active .page-link {
} }
.pagination.pagination-warning .page-item.active .page-link { .pagination.pagination-warning .page-item.active .page-link {
background-color: #ffc107; background-color: #FF975A;
border-color: #ffc107; border-color: #FF975A;
box-shadow: 0 2px 5px rgba(255, 193, 7, .3) box-shadow: 0 2px 5px rgba(255, 193, 7, .3)
} }
.pagination.pagination-danger .page-item.active .page-link { .pagination.pagination-danger .page-item.active .page-link {
background-color: #dc3545; background-color: #DC464F;
border-color: #dc3545; border-color: #DC464F;
box-shadow: 0 2px 5px rgba(220, 53, 69, .3) box-shadow: 0 2px 5px rgba(220, 53, 69, .3)
} }
@ -23730,7 +24040,7 @@ .progress.progress-warning {
} }
.progress.progress-warning .progress-bar { .progress.progress-warning .progress-bar {
background-color: #ffc107; background-color: #FF975A;
border-radius: .18rem border-radius: .18rem
} }
@ -23739,7 +24049,7 @@ .progress.progress-danger {
} }
.progress.progress-danger .progress-bar { .progress.progress-danger .progress-bar {
background-color: #dc3545; background-color: #DC464F;
border-radius: .18rem border-radius: .18rem
} }
@ -23833,7 +24143,13 @@ .burger-btn {
#main { #main {
margin-left: 260px; margin-left: 260px;
padding: 2rem; padding: 2rem;
min-height: 100vh min-height: 100vh;
display: flex;
flex-direction: column;
}
.page-content {
flex: 1;
} }
@media screen and (max-width: 1199px) { @media screen and (max-width: 1199px) {

File diff suppressed because it is too large Load Diff

View File

@ -1 +0,0 @@
@font-face{font-family:Iconly---Bold;src:url(./eot/Iconly---Bold.eot?jilz72);src:url(./eot/Iconly---Bold.eot?jilz72#iefix) format("embedded-opentype"),url(./fonts/Iconly---Bold.ttf?jilz72) format("truetype"),url(./fonts/Iconly---Bold.woff?jilz72) format("woff"),url(./svg/Iconly---Bold.svg?jilz72#Iconly---Bold) format("svg");font-weight:400;font-style:normal;font-display:block}[class^=iconly-bold],[class*=" iconly-bold"]{font-family:Iconly---Bold!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.iconly-boldActivity:before{content:""}.iconly-boldUser:before{content:""}.iconly-boldUser1:before{content:""}.iconly-boldAdd-User:before{content:""}.iconly-boldArrow---Down-2:before{content:""}.iconly-boldArrow---Down-3:before{content:""}.iconly-boldArrow---Down-Circle:before{content:""}.iconly-boldArrow---Down-Square:before{content:""}.iconly-boldArrow---Down:before{content:""}.iconly-boldArrow---Left-2:before{content:""}.iconly-boldArrow---Left-3:before{content:""}.iconly-boldArrow---Left-Circle:before{content:""}.iconly-boldArrow---Left-Square:before{content:""}.iconly-boldArrow---Left:before{content:""}.iconly-boldArrow---Right-2:before{content:""}.iconly-boldArrow---Right-3:before{content:""}.iconly-boldArrow---Right-Circle:before{content:""}.iconly-boldArrow---Right-Square:before{content:""}.iconly-boldArrow---Right:before{content:""}.iconly-boldArrow---Up-2:before{content:""}.iconly-boldArrow---Up-3:before{content:""}.iconly-boldArrow---Up-Circle:before{content:""}.iconly-boldArrow---Up-Square:before{content:""}.iconly-boldArrow---Up:before{content:""}.iconly-boldBag-2:before{content:""}.iconly-boldBag:before{content:""}.iconly-boldBookmark:before{content:""}.iconly-boldBuy:before{content:""}.iconly-boldCalendar:before{content:""}.iconly-boldCall-Missed:before{content:""}.iconly-boldCall-Silent:before{content:""}.iconly-boldCall:before{content:""}.iconly-boldCalling:before{content:""}.iconly-boldCamera:before{content:""}.iconly-boldCategory:before{content:""}.iconly-boldChart:before{content:""}.iconly-boldChat:before{content:""}.iconly-boldClose-Square:before{content:""}.iconly-boldDanger:before{content:""}.iconly-boldDelete:before{content:""}.iconly-boldDiscount:before{content:""}.iconly-boldDiscovery:before{content:""}.iconly-boldDocument:before{content:""}.iconly-boldDownload:before{content:""}.iconly-boldEdit-Square:before{content:""}.iconly-boldEdit:before{content:""}.iconly-boldFilter-2:before{content:""}.iconly-boldFilter:before{content:""}.iconly-boldFolder:before{content:""}.iconly-boldGame:before{content:""}.iconly-boldGraph:before{content:""}.iconly-boldHeart:before{content:""}.iconly-boldHide:before{content:""}.iconly-boldHome:before{content:""}.iconly-boldImage-2:before{content:""}.iconly-boldImage:before{content:""}.iconly-boldInfo-Circle:before{content:""}.iconly-boldInfo-Square:before{content:""}.iconly-boldLocation:before{content:""}.iconly-boldLock:before{content:""}.iconly-boldLogin:before{content:""}.iconly-boldLogout:before{content:""}.iconly-boldMessage:before{content:""}.iconly-boldMore-Circle:before{content:""}.iconly-boldMore-Square:before{content:""}.iconly-boldNotification:before{content:""}.iconly-boldPaper-Download:before{content:""}.iconly-boldPaper-Fail:before{content:""}.iconly-boldPaper-Negative:before{content:""}.iconly-boldPaper-Plus:before{content:""}.iconly-boldPaper-Upload:before{content:""}.iconly-boldPaper:before{content:""}.iconly-boldPassword:before{content:""}.iconly-boldPlay:before{content:""}.iconly-boldPlus:before{content:""}.iconly-boldProfile:before{content:""}.iconly-boldScan:before{content:""}.iconly-boldSearch:before{content:""}.iconly-boldSend:before{content:""}.iconly-boldSetting:before{content:""}.iconly-boldShield-Done:before{content:""}.iconly-boldShield-Fail:before{content:""}.iconly-boldShow:before{content:""}.iconly-boldStar:before{content:""}.iconly-boldSwap:before{content:""}.iconly-boldTick-Square:before{content:""}.iconly-boldTicket-Star:before{content:""}.iconly-boldTicket:before{content:""}.iconly-boldTime-Circle:before{content:""}.iconly-boldTime-Square:before{content:""}.iconly-boldUnlock:before{content:""}.iconly-boldUpload:before{content:""}.iconly-boldVideo:before{content:""}.iconly-boldVoice-2:before{content:""}.iconly-boldVoice:before{content:""}.iconly-boldVolume-Down:before{content:""}.iconly-boldVolume-Off:before{content:""}.iconly-boldVolume-Up:before{content:""}.iconly-boldWallet:before{content:""}.iconly-boldWork:before{content:""}

View File

@ -1 +0,0 @@
@font-face{font-family:Iconly---Bold;src:url(./eot/Iconly---Bold.eot?jilz72);src:url(./eot/Iconly---Bold.eot?jilz72#iefix) format("embedded-opentype"),url(./fonts/Iconly---Bold.ttf?jilz72) format("truetype"),url(./fonts/Iconly---Bold.woff?jilz72) format("woff"),url(./svg/Iconly---Bold.svg?jilz72#Iconly---Bold) format("svg");font-weight:400;font-style:normal;font-display:block}[class^=iconly-bold],[class*=" iconly-bold"]{font-family:Iconly---Bold!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.iconly-boldActivity:before{content:""}.iconly-boldUser:before{content:""}.iconly-boldUser1:before{content:""}.iconly-boldAdd-User:before{content:""}.iconly-boldArrow---Down-2:before{content:""}.iconly-boldArrow---Down-3:before{content:""}.iconly-boldArrow---Down-Circle:before{content:""}.iconly-boldArrow---Down-Square:before{content:""}.iconly-boldArrow---Down:before{content:""}.iconly-boldArrow---Left-2:before{content:""}.iconly-boldArrow---Left-3:before{content:""}.iconly-boldArrow---Left-Circle:before{content:""}.iconly-boldArrow---Left-Square:before{content:""}.iconly-boldArrow---Left:before{content:""}.iconly-boldArrow---Right-2:before{content:""}.iconly-boldArrow---Right-3:before{content:""}.iconly-boldArrow---Right-Circle:before{content:""}.iconly-boldArrow---Right-Square:before{content:""}.iconly-boldArrow---Right:before{content:""}.iconly-boldArrow---Up-2:before{content:""}.iconly-boldArrow---Up-3:before{content:""}.iconly-boldArrow---Up-Circle:before{content:""}.iconly-boldArrow---Up-Square:before{content:""}.iconly-boldArrow---Up:before{content:""}.iconly-boldBag-2:before{content:""}.iconly-boldBag:before{content:""}.iconly-boldBookmark:before{content:""}.iconly-boldBuy:before{content:""}.iconly-boldCalendar:before{content:""}.iconly-boldCall-Missed:before{content:""}.iconly-boldCall-Silent:before{content:""}.iconly-boldCall:before{content:""}.iconly-boldCalling:before{content:""}.iconly-boldCamera:before{content:""}.iconly-boldCategory:before{content:""}.iconly-boldChart:before{content:""}.iconly-boldChat:before{content:""}.iconly-boldClose-Square:before{content:""}.iconly-boldDanger:before{content:""}.iconly-boldDelete:before{content:""}.iconly-boldDiscount:before{content:""}.iconly-boldDiscovery:before{content:""}.iconly-boldDocument:before{content:""}.iconly-boldDownload:before{content:""}.iconly-boldEdit-Square:before{content:""}.iconly-boldEdit:before{content:""}.iconly-boldFilter-2:before{content:""}.iconly-boldFilter:before{content:""}.iconly-boldFolder:before{content:""}.iconly-boldGame:before{content:""}.iconly-boldGraph:before{content:""}.iconly-boldHeart:before{content:""}.iconly-boldHide:before{content:""}.iconly-boldHome:before{content:""}.iconly-boldImage-2:before{content:""}.iconly-boldImage:before{content:""}.iconly-boldInfo-Circle:before{content:""}.iconly-boldInfo-Square:before{content:""}.iconly-boldLocation:before{content:""}.iconly-boldLock:before{content:""}.iconly-boldLogin:before{content:""}.iconly-boldLogout:before{content:""}.iconly-boldMessage:before{content:""}.iconly-boldMore-Circle:before{content:""}.iconly-boldMore-Square:before{content:""}.iconly-boldNotification:before{content:""}.iconly-boldPaper-Download:before{content:""}.iconly-boldPaper-Fail:before{content:""}.iconly-boldPaper-Negative:before{content:""}.iconly-boldPaper-Plus:before{content:""}.iconly-boldPaper-Upload:before{content:""}.iconly-boldPaper:before{content:""}.iconly-boldPassword:before{content:""}.iconly-boldPlay:before{content:""}.iconly-boldPlus:before{content:""}.iconly-boldProfile:before{content:""}.iconly-boldScan:before{content:""}.iconly-boldSearch:before{content:""}.iconly-boldSend:before{content:""}.iconly-boldSetting:before{content:""}.iconly-boldShield-Done:before{content:""}.iconly-boldShield-Fail:before{content:""}.iconly-boldShow:before{content:""}.iconly-boldStar:before{content:""}.iconly-boldSwap:before{content:""}.iconly-boldTick-Square:before{content:""}.iconly-boldTicket-Star:before{content:""}.iconly-boldTicket:before{content:""}.iconly-boldTime-Circle:before{content:""}.iconly-boldTime-Square:before{content:""}.iconly-boldUnlock:before{content:""}.iconly-boldUpload:before{content:""}.iconly-boldVideo:before{content:""}.iconly-boldVoice-2:before{content:""}.iconly-boldVoice:before{content:""}.iconly-boldVolume-Down:before{content:""}.iconly-boldVolume-Off:before{content:""}.iconly-boldVolume-Up:before{content:""}.iconly-boldWallet:before{content:""}.iconly-boldWork:before{content:""}