/
Razavi
/
PreBid
Обзор
Документация
Войти
/
Razavi
/
PreBid
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components/ui/Modal/modal.module.css
49 строк
773 B
Razavi
Второй коммит
23 дек 2024, 03:21
23 дек 2024, 03:21
cb4e871
Код
Авторство
О чём код?
.overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 1000; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; } .overlayVisible { opacity: 1; visibility: visible; } .modal { position: relative; background: white; border-radius: 8px; max-width: 100%; transform: translateY(-20px); transition: transform 0.3s ease; box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.15); } .modalVisible { transform: translateY(0); } .closeButton { position: absolute; top: 10px; right: 10px; background: none; border: none; font-size: 24px; cursor: pointer; color: #666; } .closeButton:hover { color: #333; }