/
zxclovly
/
BlinkCode
Обзор
Документация
Войти
/
zxclovly
/
BlinkCode
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/App.css
63 строки
1 KB
lovlygod
feat(split-editor): add split editor with dual pane support
22 апр 2026, 01:51
22 апр 2026, 01:51
b994e96
Код
Авторство
О чём код?
.app { display: flex; flex-direction: column; height: 100vh; width: 100vw; overflow: hidden; background: var(--bg-base); } .main-area { display: flex; flex: 1; overflow: hidden; position: relative; background: linear-gradient(180deg, color-mix(in srgb, var(--bg-base) 94%, transparent), var(--bg-base)); } .editor-area { flex: 1; display: flex; flex-direction: column; overflow: hidden; height: 100%; min-height: 0; min-width: 0; background: var(--bg-editor); box-shadow: inset 1px 0 0 var(--border-weaker, var(--border-subtle)); } .editor-content { flex: 1; display: flex; overflow: hidden; position: relative; min-width: 0; min-height: 0; height: 100%; background: linear-gradient(180deg, color-mix(in srgb, var(--bg-editor) 92%, var(--bg-panel)), var(--bg-editor)); } .editor-split { flex-direction: row; } .editor-pane { flex: 1; display: flex; flex-direction: column; overflow: hidden; min-width: 0; min-height: 0; } .editor-split-divider { width: 1px; background: var(--border-weaker, var(--border-subtle)); cursor: col-resize; flex-shrink: 0; } .editor-split-divider:hover { background: var(--accent); }