/
githubmirror
/
ydb-embedded-ui
Обзор
Документация
Войти
/
githubmirror
/
ydb-embedded-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components/SpeedMultiMeter/SpeedMultiMeter.scss
88 строк
2 KB
Hellen
feat(TenantOverview): do not use tabs (#2655)
01 авг 2025, 14:33
Не верифицирован
01 авг 2025, 14:33
4fb69ad
Код
Авторство
О чём код?
.speed-multimeter { display: flex; width: 100%; &__content { display: flex; flex-grow: 1; flex-direction: row; justify-content: flex-end; line-height: 22px; } &__displayed-value { display: flex; flex-direction: row; justify-content: flex-end; margin-right: 10px; } &__bars { display: flex; overflow: hidden; flex-direction: column; align-items: flex-start; width: 32px; margin-right: 5px; } &__bar-container { width: 100%; height: 6px; &_highlighted { background: var(--g-color-line-generic); } } &__bar { min-width: 2px; height: 100%; &_color_light { background: var(--g-color-base-info-medium); } &_color_dark { background: var(--g-color-base-info-heavy); } } &__bar-container + &__bar-container { margin-top: 2px; } &__popover-container { display: flex; justify-content: center; align-items: center; } &__popover-header { display: block; margin-bottom: 7px; font-size: 18px; line-height: 24px; } &__popover-row { display: block; font-size: 13px; line-height: 18px; &_color_primary { color: var(--g-color-text-primary); } &_color_secondary { color: var(--g-color-text-secondary); } } }