/
pellya
/
blogReactera
Обзор
Документация
Войти
/
pellya
/
blogReactera
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/shared/ui/Modal/Modal.module.scss
44 строки
696 B
Pellya
Add Modal, some fix theme and add stories
30 июл 2024, 18:49
30 июл 2024, 18:49
e32a409
Код
Авторство
О чём код?
.Modal { position: fixed; top: 0; bottom: 0; right: 0; left: 0; opacity: 0; pointer-events: none; z-index: -1; } .overlay { width: 100%; height: 100%; background-color: var(--overlay-color); display: flex; justify-content: center; align-items: center; } .content { padding: 20px; border-radius: 12px; background-color: var(--bg-color); transition: 0.3s transform; transform: scale(0.5); max-width: 60%; } .opened { pointer-events: auto; opacity: 1; z-index: var(--modal-z-index); .content { transform: scale(1); } } .isClosing { .content { transform: scale(0.2); } }