/
vshmidt
/
label-studio
Обзор
Документация
Войти
/
vshmidt
/
label-studio
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
web/libs/editor/src/components/VideoCanvas/VideoCanvas.prefix.css
80 строк
1 KB
Raul Martin
refactor: ECHO-448: Biome - enable format (#9625)
17 мар 2026, 18:27
Не верифицирован
17 мар 2026, 18:27
567cb96
Код
Авторство
О чём код?
.video-canvas { width: max-content; height: max-content; position: relative; & canvas { display: block; } &__view canvas { width: 100%; height: 100%; } &__toolbar { display: flex; justify-content: space-between; } &__loading { top: 0; left: 0; width: 100%; height: 100%; display: flex; position: absolute; align-items: center; justify-content: center; background-color: var(--color-neutral-surface); } &__buffering { left: 0; right: 0; bottom: 0; height: 4px; font-size: 12px; position: absolute; padding: 2px 7px; text-align: center; background-color: var(--color-neutral-background); background-image: repeating-linear-gradient( 90deg, var(--color-primary-content) 0, var(--color-primary-content-subtle) 120px, var(--color-primary-content) 240px ); animation: buffering 1.2s linear infinite; } } .spinner { width: 40px; height: 40px; border-radius: 100%; border: 2px solid var(--persimmon_400); border-right-color: transparent; border-bottom-color: transparent; animation: spin 1.2s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes buffering { 0% { background-position: 0 0; } 100% { background-position: 240px 0; } }