feat(web): responsive top navigation (#12373)

- icons fit in mobile
- guarantee the search bar space in all screen sizes
- fix the storage bar being too wide
This commit is contained in:
Ben 2024-09-09 10:29:23 -04:00 committed by GitHub
parent 17773f0a77
commit 0a552d2bfa
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 60 additions and 69 deletions

View file

@ -16,7 +16,7 @@
$: hasQuota = $user?.quotaSizeInBytes !== null;
$: availableBytes = (hasQuota ? $user?.quotaSizeInBytes : $serverInfo?.diskSizeRaw) || 0;
$: usedBytes = (hasQuota ? $user?.quotaUsageInBytes : $serverInfo?.diskUseRaw) || 0;
$: usedPercentage = Math.round((usedBytes / availableBytes) * 100);
$: usedPercentage = Math.min(Math.round((usedBytes / availableBytes) * 100), 100);
let aboutInfo: ServerAboutResponseDto;