/
Medvedev
/
ReservoirAdmin
Обзор
Документация
Войти
/
Medvedev
/
ReservoirAdmin
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/components/Modal/Modal.css
96 строк
1 KB
Medvedev Anton
реализована вёрстка с макета
31 май 2025, 07:51
31 май 2025, 07:51
96a0aa6
Код
Авторство
О чём код?
.modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 1000; } .modal-content { width: 536px; height: 269px; background: #232532; border-radius: 4px; display: flex; flex-direction: column; } .modal-header { width: 536px; height: 64px; background: #272A38; border-top-left-radius: 4px; border-top-right-radius: 4px; display: flex; align-items: center; padding: 0 13px; } .warning-icon-container { width: 38px; height: 38px; background: #EB5757; border-radius: 4px; display: flex; align-items: center; justify-content: center; margin-right: 12px; } .header-text { color: #fff; font-size: 14px; } .modal-body { flex-grow: 1; display: flex; align-items: center; justify-content: center; padding: 20px; } .warning-message { color: #fff; font-size: 18px; text-align: center; margin: 0; } .modal-footer { display: flex; justify-content: center; gap: 20px; padding: 20px; } .confirm-button, .cancel-button { width: 234px; height: 42px; border: none; border-radius: 4px; font-size: 18px; color: #fff; cursor: pointer; } .confirm-button { background: #0089FF; } .confirm-button:hover { background: #0077e6; } .cancel-button { background: #303549; } .cancel-button:hover { background: #3a4054; }