/
zxclovly
/
BlinkCode
Обзор
Документация
Войти
/
zxclovly
/
BlinkCode
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components/ActivityBar/ActivityBar.css
61 строка
1 KB
lovlygod
Initial commit
18 апр 2026, 00:32
18 апр 2026, 00:32
dce516c
Код
Авторство
О чём код?
.activity-bar { width: 50px; background: var(--bg-sidebar); border-right: 1px solid var(--border-subtle); display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 10px 0 12px; flex-shrink: 0; box-shadow: inset -1px 0 0 var(--border-weaker, var(--border-subtle)); } .activity-bar-top, .activity-bar-bottom { display: flex; flex-direction: column; align-items: center; gap: 6px; width: 100%; } .activity-btn { width: 100%; height: 40px; border: none; background: transparent; color: var(--text-tertiary); display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; transition: all 150ms ease; } .activity-btn:hover { color: var(--text-primary); background: var(--surface-base-hover); } .activity-btn.active { color: var(--text-primary); background: var(--surface-base-active); } .activity-btn.active::before { content: ''; position: absolute; left: 0; top: 8px; bottom: 8px; width: 2px; background: var(--accent); border-radius: 2px; } .activity-settings-btn svg { width: 24px; height: 24px; }