/
Gabryelf
/
Icons-Customize-Gen
Обзор
Документация
Войти
/
Gabryelf
/
Icons-Customize-Gen
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
css/main.css
62 строки
1 KB
Valeev Serj
exp_version_0.0.1-->0.02
17 июл 2026, 00:16
17 июл 2026, 00:16
6c659ac
Код
Авторство
О чём код?
/* css/main.css */ @import 'variables.css'; @import 'layout.css'; @import 'components/header.css'; @import 'components/toolbar.css'; @import 'components/sidebar.css'; @import 'components/canvas.css'; @import 'components/dashboard.css'; /* Адаптивность */ @media (max-width: 900px) { :root { --sidebar-width: 280px; } .icon-grid { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 700px) { .app-layout { flex-direction: column; } .sidebar { width: 100%; min-width: unset; max-height: 45vh; border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.04); padding: 12px 14px; } .icon-grid { grid-template-columns: repeat(5, 1fr); } .layer-list { max-height: 120px; } .app-header .logo small { display: none; } .header-actions button span { display: none; } .canvas-container { padding: 12px; min-height: 200px; } } @media (max-width: 480px) { .icon-grid { grid-template-columns: repeat(4, 1fr); } .param-row { flex-wrap: wrap; gap: 4px; } .param-row label { min-width: 60px; font-size: 11px; } }