/
zxclovly
/
BlinkCode
Обзор
Документация
Войти
/
zxclovly
/
BlinkCode
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components/StatusBar/StatusBar.css
65 строк
1 KB
lovlygod
feat: add problems panel and status bar diagnostics
26 апр 2026, 21:31
26 апр 2026, 21:31
1fd3e73
Код
Авторство
О чём код?
.status-bar { display: flex; align-items: center; justify-content: space-between; height: 22px; padding: 0 10px; font-size: 11px; font-family: var(--font-ui, 'Segoe UI', system-ui, sans-serif); color: var(--text-muted, #858585); background: var(--bg-panel, #1e1e1e); border-top: 1px solid var(--border-subtle, #2a2a2a); flex-shrink: 0; user-select: none; } .status-bar-left, .status-bar-right { display: flex; align-items: center; gap: 2px; } .status-item { display: inline-flex; align-items: center; gap: 4px; padding: 0 6px; height: 20px; line-height: 20px; border-radius: 2px; transition: background 0.15s; } .status-item:hover { background: var(--bg-hover, #2a2d2e); color: var(--text-primary, #d4d4d4); } .status-branch { color: var(--text-primary, #d4d4d4); font-weight: 500; } .status-lang { text-transform: capitalize; } .status-problems-btn { border: 0; background: transparent; color: var(--text-muted, #858585); font-size: 11px; cursor: pointer; display: inline-flex; align-items: center; gap: 3px; padding: 0 6px; height: 20px; border-radius: 2px; } .status-problems-btn:hover { background: var(--bg-hover, #2a2d2e); color: var(--text-primary, #d4d4d4); }