github-mirrors/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2026-02-13 20:37:51 +03:00
Code Issues Packages Projects Releases Wiki Activity

chore: use font-mono (#25250)

Browse Source 
* 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
Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/lib/components/server-statistics/ServerStatisticsCard.svelte
View File

@@ -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>

10
web/src/lib/components/server-statistics/ServerStatisticsPanel.svelte
View File

@@ -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>

2
web/src/lib/components/shared-components/gallery-viewer/gallery-viewer.svelte
View File

@@ -467,7 +467,7 @@
/>
{#if showAssetName && !isTimelineAsset(asset)}
<div
class="absolute text-center p-1 text-xs font-immich-mono font-semibold w-full bottom-0 bg-linear-to-t bg-slate-50/75 dark:bg-slate-800/75 overflow-clip text-ellipsis whitespace-pre-wrap"
class="absolute text-center p-1 text-xs font-mono font-semibold w-full bottom-0 bg-linear-to-t bg-slate-50/75 dark:bg-slate-800/75 overflow-clip text-ellipsis whitespace-pre-wrap"
>
{asset.originalFileName}
</div>

2
web/src/lib/components/shared-components/map/map.svelte
View File

@@ -361,7 +361,7 @@
>
{#snippet children({ feature })}
<div
class="rounded-full w-10 h-10 bg-immich-primary text-white flex justify-center items-center font-immich-mono font-bold shadow-lg hover:bg-immich-dark-primary transition-all duration-200 hover:text-immich-dark-bg opacity-90"
class="rounded-full w-10 h-10 bg-immich-primary text-white flex justify-center items-center font-mono font-bold shadow-lg hover:bg-immich-dark-primary transition-all duration-200 hover:text-immich-dark-bg opacity-90"
>
{feature.properties?.point_count?.toLocaleString()}
</div>

4
web/src/lib/components/shared-components/tree/breadcrumbs.svelte
View File

@@ -51,7 +51,7 @@
/>
</li>
{#each parents as parent (parent)}
<li class="flex gap-2 items-center font-immich-mono text-sm text-nowrap text-primary">
<li class="flex gap-2 items-center font-mono text-sm text-nowrap text-primary">
<Icon icon={mdiChevronRight} class="text-gray-500 dark:text-gray-300" size="16" aria-hidden />
<a class="underline hover:font-semibold whitespace-pre-wrap" href={getLink(parent.path)}>
{parent.value}
@@ -59,7 +59,7 @@
</li>
{/each}
<li class="flex gap-2 items-center font-immich-mono text-sm text-nowrap text-primary">
<li class="flex gap-2 items-center font-mono text-sm text-nowrap text-primary">
<Icon icon={mdiChevronRight} class="text-gray-500 dark:text-gray-300" size="16" aria-hidden />
<p class="cursor-default whitespace-pre-wrap">{node.value}</p>
</li>

4
web/src/lib/components/shared-components/tree/tree.svelte
View File

@@ -42,9 +42,7 @@
size="20"
/>
</div>
<span class="text-nowrap overflow-hidden text-ellipsis font-immich-mono ps-1 pt-1 whitespace-pre-wrap"
>{node.value}</span
>
<span class="text-nowrap overflow-hidden text-ellipsis font-mono ps-1 pt-1 whitespace-pre-wrap">{node.value}</span>
</a>
{#if isOpen}

2
web/src/lib/components/timeline/Scrubber.svelte
View File

@@ -588,7 +588,7 @@
>
{#if !usingMobileDevice}
{#if segment.hasLabel}
<div class="absolute end-5 text-[13px] dark:text-immich-dark-fg font-immich-mono bottom-0">
<div class="absolute end-5 text-[13px] dark:text-immich-dark-fg font-mono bottom-0">
{segment.year}
</div>
{/if}

2
web/src/lib/components/user-settings-page/PinCodeInput.svelte
View File

@@ -128,7 +128,7 @@
maxlength="1"
bind:this={pinCodeInputElements[index]}
id="pin-code-{index}"
class="h-12 w-10 rounded-xl border-2 border-suble dark:border-gray-700 text-center text-lg font-medium focus:border-immich-primary focus:ring-primary dark:focus:border-primary font-immich-mono bg-white dark:bg-light"
class="h-12 w-10 rounded-xl border-2 border-suble dark:border-gray-700 text-center text-lg font-medium focus:border-immich-primary focus:ring-primary dark:focus:border-primary font-mono bg-white dark:bg-light"
bind:value={pinValues[index]}
onkeydown={handleKeydown}
oninput={(event) => handleInput(event, index)}

2
web/src/lib/components/user-settings-page/app-settings.svelte
View File

@@ -68,7 +68,7 @@
<Field label={$t('default_locale')} description={$t('default_locale_description')}>
<Switch checked={$locale == 'default'} onCheckedChange={handleToggleLocaleBrowser} />
<Text size="small" class="mt-2 font-immich-mono text-sm">{selectedDate}</Text>
<Text size="small" class="mt-2 font-mono text-sm">{selectedDate}</Text>
</Field>
{#if $locale !== 'default'}

4
web/src/lib/components/user-settings-page/user-api-key-grid.svelte
View File

@@ -39,7 +39,7 @@
checked={selectAllSubItems}
onCheckedChange={handleSelectAllSubItems}
/>
<Label label={title} for="permission-{title}" class="font-immich-mono text-primary text-lg" />
<Label label={title} for="permission-{title}" class="font-mono text-primary text-lg" />
</div>
<div class="mx-6 mt-3 grid grid-cols-3 gap-2">
{#each subItems as item (item)}
@@ -50,7 +50,7 @@
checked={selectedItems.includes(item)}
onCheckedChange={() => handleToggleItem(item)}
/>
<Label label={item} for="permission-{item}" class="text-sm font-immich-mono" />
<Label label={item} for="permission-{item}" class="text-sm font-mono" />
</div>
{/each}
</div>