chore: use font-mono (#25250)

* chore: use font-mono

* chore: override variable
This commit is contained in:
Alex
2026-01-14 10:21:48 -06:00
committed by GitHub
parent 91d4cd6824
commit 6fdd1ce41a
14 changed files with 22 additions and 24 deletions
@@ -26,10 +26,10 @@
<Text size="giant" class="font-medium">{title}</Text>
</div>
<div class="relative mx-auto font-immich-mono text-2xl font-medium">
<div class="relative mx-auto font-mono text-2xl font-medium">
<span class="text-gray-300 dark:text-gray-600">{zeros()}</span><span>{value}</span>
{#if unit}
<Code color="muted" class="font-immich-mono absolute -top-5 end-1 font-light p-0">{unit}</Code>
<Code color="muted" class="font-mono absolute -top-5 end-1 font-light p-0">{unit}</Code>
{/if}
</div>
</div>
@@ -54,7 +54,7 @@
<Text class="font-medium" size="medium">{$t('photos')}</Text>
</div>
<div class="relative text-center font-immich-mono text-2xl font-medium">
<div class="relative text-center font-mono text-2xl font-medium">
<span class="text-light-300">{zeros(stats.photos)}</span><span class="text-primary">{stats.photos}</span>
</div>
</div>
@@ -64,7 +64,7 @@
<Text class="font-medium" size="medium">{$t('videos')}</Text>
</div>
<div class="relative text-center font-immich-mono text-2xl font-medium">
<div class="relative text-center font-mono text-2xl font-medium">
<span class="text-light-300">{zeros(stats.videos)}</span><span class="text-primary">{stats.videos}</span>
</div>
</div>
@@ -74,11 +74,11 @@
<Text class="font-medium" size="medium">{$t('storage')}</Text>
</div>
<div class="relative flex text-center font-immich-mono text-2xl font-medium">
<div class="relative flex text-center font-mono text-2xl font-medium">
<span class="text-light-300">{zeros(statsUsage)}</span><span class="text-primary">{statsUsage}</span>
<div class="absolute -right-1.5 -bottom-4">
<Code color="muted" class="text-xs font-light font-immich-mono">{statsUsageUnit}</Code>
<div class="absolute -end-1.5 -bottom-4">
<Code color="muted" class="text-xs font-light font-mono">{statsUsageUnit}</Code>
</div>
</div>
</div>