/
bytevalue
/
optimal
Обзор
Документация
Войти
/
bytevalue
/
optimal
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/main/resources/static/css/layout.css
70 строк
1 KB
bytevalue
sidebar normalize
07 дек 2025, 18:50
07 дек 2025, 18:50
3b72788
Код
Авторство
О чём код?
/* ===== ОСНОВНАЯ СТРУКТУРА ===== */ .app-container { display: flex; min-height: 100vh; background: var(--bg-primary); overflow: hidden; width: 100%; } /* ===== ОСНОВНАЯ ОБЛАСТЬ ЧАТА ===== */ .chat-main { flex: 1; display: flex; flex-direction: column; position: relative; overflow: hidden; width: 100%; margin-left: 280px; transition: margin-left var(--transition-normal); } /* Когда сайдбар свёрнут */ .sidebar.sidebar-collapsed ~ .chat-main { margin-left: 80px; width: calc(100% - 80px); } /* ===== ПРИВЕТСТВЕННЫЙ ЭКРАН ===== */ .empty-state { flex: 1; display: flex; align-items: center; justify-content: center; padding: var(--spacing-xl); width: 100%; height: 100%; } .welcome-container { max-width: 800px; width: 100%; padding: var(--spacing-xxl); display: flex; flex-direction: column; gap: var(--spacing-xxl); border-radius: var(--radius-lg); } /* ===== ОСНОВНОЙ ВИД ЧАТА ===== */ .chat-view { display: flex; flex-direction: column; height: 100vh; width: 100%; overflow: hidden; } /* Мобильная адаптация */ @media (max-width: 768px) { .chat-main { margin-left: 0 !important; width: 100% !important; } .sidebar:not(.sidebar-collapsed) ~ .chat-main, .sidebar.sidebar-collapsed ~ .chat-main { margin-left: 0; width: 100%; } }