/
githubmirror
/
tabler
Обзор
Документация
Войти
/
githubmirror
/
tabler
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
shared/components/cards/StorageUsage.astro
36 строк
2 KB
Bartosz-Do
Fix broken links, aria attributes, and demo data mismatches (#2831)
08 авг 2026, 01:02
Не верифицирован
08 авг 2026, 01:02
5c0a612
Код
Авторство
О чём код?
--- --- <div class="card"> <div class="card-body"> <p class="mb-3">Using Storage <strong>5760 MB </strong>of 8 GB</p> <div class="progress progress-separated mb-3"> <div class="progress-bar bg-primary" role="progressbar" style="width: 44%" aria-label="Regular"></div> <div class="progress-bar bg-info" role="progressbar" style="width: 19%" aria-label="System"></div> <div class="progress-bar bg-success" role="progressbar" style="width: 9%" aria-label="Shared"></div> </div> <div class="row"> <div class="col-auto d-flex align-items-center pe-2"> <span class="legend me-2 bg-primary"></span> <span>Regular</span> <span class="d-none d-md-inline d-lg-none d-xxl-inline ms-2 text-secondary">3520MB</span> </div> <div class="col-auto d-flex align-items-center px-2"> <span class="legend me-2 bg-info"></span> <span>System</span> <span class="d-none d-md-inline d-lg-none d-xxl-inline ms-2 text-secondary">1520MB</span> </div> <div class="col-auto d-flex align-items-center px-2"> <span class="legend me-2 bg-success"></span> <span>Shared</span> <span class="d-none d-md-inline d-lg-none d-xxl-inline ms-2 text-secondary">720MB</span> </div> <div class="col-auto d-flex align-items-center ps-2"> <span class="legend me-2"></span> <span>Free</span> <span class="d-none d-md-inline d-lg-none d-xxl-inline ms-2 text-secondary">2240MB</span> </div> </div> </div> </div>