add remove and add tariff modal windows

This commit is contained in:
smanylov
2026-06-01 12:14:27 +07:00
parent 15115c5114
commit c74ef84d37
7 changed files with 551 additions and 13 deletions
+10 -2
View File
@@ -3,6 +3,7 @@
@use './animation.scss';
@use './file-moderation-modal.scss';
@use './tariff-edit-modal.scss';
@use './tariff-remove-modal.scss';
:root {
--primary-color: #2563eb;
@@ -11,8 +12,8 @@
--secondary-hover: #4c5869;
--success-color: #10b981;
--success-hover: #0d8a60;
--danger-color: #ef4444;
--danger-hover: #bd3434;
--danger-color: #dc2626;
--danger-hover: #b91c1c;
--warning-color: #f59e0b;
--warning-hover: #b3750b;
--info-color: #3b82f6;
@@ -297,6 +298,11 @@
&:hover {
background: var(--danger-hover);
}
&:disabled {
opacity: 0.5;
cursor: not-allowed;
}
}
.btn {
@@ -574,6 +580,8 @@
border-top: 1px solid var(--border);
font-size: 12px;
color: var(--text-secondary);
display: flex;
gap: 10px;
}
.btn-outline {
+68
View File
@@ -0,0 +1,68 @@
.tariff-delete-modal {
min-width: 400px;
max-width: 500px;
.tariff-delete-modal__title {
margin-bottom: 20px;
color: #dc2626;
}
.tariff-delete-modal__warning {
display: flex;
align-items: center;
gap: 12px;
padding: 16px;
background: #fef2f2;
border-radius: 8px;
margin-bottom: 20px;
}
.warning-icon {
font-size: 24px;
}
.warning-text {
margin: 0;
color: #991b1b;
}
.tariff-delete-modal__info {
padding: 12px;
background: #f3f4f6;
border-radius: 6px;
margin-bottom: 20px;
font-size: 14px;
color: #4b5563;
}
.tariff-delete-modal__confirm {
margin-bottom: 24px;
}
.confirm-label {
display: block;
margin-bottom: 8px;
font-size: 14px;
color: #374151;
}
.confirm-input {
width: 100%;
padding: 10px;
border: 1px solid #d1d5db;
border-radius: 6px;
font-size: 14px;
}
.confirm-input:focus {
outline: none;
border-color: #dc2626;
ring: 2px solid #dc2626;
}
.tariff-delete-modal__actions {
display: flex;
justify-content: flex-end;
gap: 12px;
}
}