/
Cybran65
/
Project_0
Обзор
Документация
Войти
/
Cybran65
/
Project_0
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/components/Modal/Modal.module.css
85 строк
2 KB
Cybran65
feat: интерфейс по макету Figma и функции ЛИРА-САПФИР
08 авг 2026, 23:31
08 авг 2026, 23:31
fd3db2b
Код
Авторство
О чём код?
.overlay { position: fixed; inset: 0; z-index: 60; display: flex; align-items: center; justify-content: center; background: rgb(30 34 39 / 26%); } .dialog { position: relative; max-width: calc(100vw - 40px); max-height: calc(100vh - 60px); display: flex; flex-direction: column; background: var(--c-panel); border: 1px solid var(--c-border); border-radius: var(--r-md); border-top: 3px solid var(--c-title-bar); box-shadow: 0 8px 26px rgb(0 0 0 / 22%); } .closeFloating { position: absolute; top: 10px; right: 12px; z-index: 2; width: 22px; height: 22px; border: 0; border-radius: var(--r-sm); background: transparent; color: var(--c-text-mute); font-size: var(--fs-md); } .closeFloating:hover { background: var(--c-hover); color: var(--c-text); } .contentBare { overflow: auto; padding: 20px 22px 18px; background: var(--c-surface); border-radius: 0 0 var(--r-md) var(--r-md); } .title { display: flex; align-items: center; justify-content: space-between; height: 26px; padding: 0 6px 0 9px; font-size: var(--fs-md); font-weight: 600; color: var(--c-text); background: var(--c-panel-alt); border-bottom: 1px solid var(--c-border); border-radius: var(--r-md) var(--r-md) 0 0; user-select: none; } .close { width: 20px; height: 20px; border: 0; background: transparent; color: var(--c-text-dim); font-size: var(--fs-sm); border-radius: var(--r-sm); } .close:hover { background: #e2b4b2; color: var(--c-error); } .content { overflow: auto; padding: 10px; background: var(--c-surface); border-radius: 0 0 var(--r-md) var(--r-md); }