/
Cybran65
/
Project_0
Обзор
Документация
Войти
/
Cybran65
/
Project_0
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/components/StatusBar/StatusBar.module.css
81 строка
1 KB
Cybran65
@
09 авг 2026, 20:30
09 авг 2026, 20:30
98a9bb5
Код
Авторство
О чём код?
.bar { display: flex; align-items: center; height: var(--h-status); padding: 0 6px; font-size: var(--fs-xs); color: var(--c-text-dim); background: #eceef1; border-top: 1px solid var(--c-border); user-select: none; white-space: nowrap; overflow: hidden; } .hint { padding-right: 12px; color: var(--c-text-dim); } .center { flex: 1; display: flex; justify-content: center; min-width: 0; } .mode { padding: 1px 10px; border: 1px solid var(--c-border-strong); border-radius: var(--r-sm); background: var(--c-surface); overflow: hidden; text-overflow: ellipsis; } .cell { padding: 0 8px; border-left: 1px solid var(--c-border-soft); overflow: hidden; text-overflow: ellipsis; max-width: 220px; } .role { padding: 0 8px; border-left: 1px solid var(--c-border-soft); color: var(--c-accent); font-weight: 600; } @media (max-width: 1200px) { .cellOptional { display: none; } } @media (max-width: 900px) { .hint { overflow: hidden; text-overflow: ellipsis; max-width: 45%; } .center { display: none; } .cell { max-width: 150px; } } @media (max-width: 560px) { .cell { display: none; } .role { margin-left: auto; } }