mirror of
https://github.com/immich-app/immich.git
synced 2026-05-18 03:10:24 +03: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:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user