mirror of
https://github.com/samsonjs/immich.git
synced 2026-04-26 14:57:42 +00:00
fix(web): display storage unit next to value instead of absolute positioning in admin user page (#25985)
* fix(web): display storage unit next to value instead of absolute positioning in admin user page * chore: styling --------- Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
This commit is contained in:
parent
59c4a49ffd
commit
7cf8a9936a
1 changed files with 3 additions and 3 deletions
|
|
@ -1,6 +1,6 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { ByteUnit } from '$lib/utils/byte-units';
|
import { ByteUnit } from '$lib/utils/byte-units';
|
||||||
import { Code, Icon, Text } from '@immich/ui';
|
import { Icon, Text } from '@immich/ui';
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
icon: string;
|
icon: string;
|
||||||
|
|
@ -26,10 +26,10 @@
|
||||||
<Text size="giant" fontWeight="medium">{title}</Text>
|
<Text size="giant" fontWeight="medium">{title}</Text>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="relative mx-auto font-mono text-2xl font-medium">
|
<div class="mx-auto font-mono text-2xl font-medium">
|
||||||
<span class="text-gray-300 dark:text-gray-600">{zeros()}</span><span>{value}</span>
|
<span class="text-gray-300 dark:text-gray-600">{zeros()}</span><span>{value}</span>
|
||||||
{#if unit}
|
{#if unit}
|
||||||
<Code color="muted" class="font-mono absolute -top-5 end-1 font-light p-0">{unit}</Code>
|
<code class="font-mono text-base font-normal">{unit}</code>
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue