/
Cybran65
/
Project_0
Обзор
Документация
Войти
/
Cybran65
/
Project_0
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/App.module.css
76 строк
1 KB
Cybran65
@
09 авг 2026, 20:30
09 авг 2026, 20:30
98a9bb5
Код
Авторство
О чём код?
.shell { display: grid; grid-template-rows: auto auto minmax(0, 1fr) var(--h-status); height: 100%; background: var(--c-app); } .workspace { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; min-height: 0; gap: 1px; background: var(--c-border); border-top: 1px solid var(--c-border); } /* Панель занимает свою колонку сетки; рабочая область — всегда центральная */ .dockLeft, .dockRight { display: flex; align-items: stretch; min-height: 0; } .dockLeft { grid-column: 1; } .dockRight { grid-column: 3; } /* Панель поверх рабочей области: узкие экраны и планшеты */ .floatLeft, .floatRight { position: absolute; top: 0; bottom: 0; z-index: 20; display: flex; max-width: 86vw; box-shadow: 0 0 18px rgb(0 0 0 / 22%); } .floatLeft { left: 0; } .floatRight { right: 0; } .scrim { position: absolute; inset: 0; z-index: 15; background: rgb(30 34 39 / 28%); } /* На узких экранах панели сжимаются до читаемого минимума */ @media (max-width: 1200px) { :root { --w-properties: 220px; --w-structure: 230px; } } .center { grid-column: 2; display: grid; grid-template-rows: minmax(0, 1fr) auto; min-width: 0; min-height: 0; background: var(--c-canvas); }