From 6fdd1ce41a3dcf5347484edbdcdc43ae6e3bc917 Mon Sep 17 00:00:00 2001 From: Alex Date: Wed, 14 Jan 2026 10:21:48 -0600 Subject: [PATCH] chore: use font-mono (#25250) * chore: use font-mono * chore: override variable --- web/src/app.css | 2 +- .../server-statistics/ServerStatisticsCard.svelte | 4 ++-- .../server-statistics/ServerStatisticsPanel.svelte | 10 +++++----- .../gallery-viewer/gallery-viewer.svelte | 2 +- .../lib/components/shared-components/map/map.svelte | 2 +- .../shared-components/tree/breadcrumbs.svelte | 4 ++-- .../lib/components/shared-components/tree/tree.svelte | 4 +--- web/src/lib/components/timeline/Scrubber.svelte | 2 +- .../components/user-settings-page/PinCodeInput.svelte | 2 +- .../components/user-settings-page/app-settings.svelte | 2 +- .../user-settings-page/user-api-key-grid.svelte | 4 ++-- web/src/lib/modals/ApiKeySecretModal.svelte | 2 +- .../routes/(user)/utilities/geolocation/+page.svelte | 4 ++-- .../utilities/workflows/[workflowId]/+page.svelte | 2 +- 14 files changed, 22 insertions(+), 24 deletions(-) diff --git a/web/src/app.css b/web/src/app.css index ca4634cfd97b..67e943de4fcc 100644 --- a/web/src/app.css +++ b/web/src/app.css @@ -49,7 +49,7 @@ } @theme { - --font-immich-mono: GoogleSansCode, monospace; + --font-mono: 'GoogleSansCode', monospace; --spacing-18: 4.5rem; diff --git a/web/src/lib/components/server-statistics/ServerStatisticsCard.svelte b/web/src/lib/components/server-statistics/ServerStatisticsCard.svelte index 373dd88741df..5d76f79e91ee 100644 --- a/web/src/lib/components/server-statistics/ServerStatisticsCard.svelte +++ b/web/src/lib/components/server-statistics/ServerStatisticsCard.svelte @@ -26,10 +26,10 @@ {title} -
+
{zeros()}{value} {#if unit} - {unit} + {unit} {/if}
diff --git a/web/src/lib/components/server-statistics/ServerStatisticsPanel.svelte b/web/src/lib/components/server-statistics/ServerStatisticsPanel.svelte index 4d66142e44d6..38374b86f242 100644 --- a/web/src/lib/components/server-statistics/ServerStatisticsPanel.svelte +++ b/web/src/lib/components/server-statistics/ServerStatisticsPanel.svelte @@ -54,7 +54,7 @@ {$t('photos')} -
+
{zeros(stats.photos)}{stats.photos}
@@ -64,7 +64,7 @@ {$t('videos')} -
+
{zeros(stats.videos)}{stats.videos}
@@ -74,11 +74,11 @@ {$t('storage')} -
+
{zeros(statsUsage)}{statsUsage} -
- {statsUsageUnit} +
+ {statsUsageUnit}
diff --git a/web/src/lib/components/shared-components/gallery-viewer/gallery-viewer.svelte b/web/src/lib/components/shared-components/gallery-viewer/gallery-viewer.svelte index eda9d822b4df..f80edb20ba34 100644 --- a/web/src/lib/components/shared-components/gallery-viewer/gallery-viewer.svelte +++ b/web/src/lib/components/shared-components/gallery-viewer/gallery-viewer.svelte @@ -467,7 +467,7 @@ /> {#if showAssetName && !isTimelineAsset(asset)}
{asset.originalFileName}
diff --git a/web/src/lib/components/shared-components/map/map.svelte b/web/src/lib/components/shared-components/map/map.svelte index 22b35dba2017..e3a926f9b60f 100644 --- a/web/src/lib/components/shared-components/map/map.svelte +++ b/web/src/lib/components/shared-components/map/map.svelte @@ -361,7 +361,7 @@ > {#snippet children({ feature })}
{feature.properties?.point_count?.toLocaleString()}
diff --git a/web/src/lib/components/shared-components/tree/breadcrumbs.svelte b/web/src/lib/components/shared-components/tree/breadcrumbs.svelte index b8e46b892546..20380f60efd3 100644 --- a/web/src/lib/components/shared-components/tree/breadcrumbs.svelte +++ b/web/src/lib/components/shared-components/tree/breadcrumbs.svelte @@ -51,7 +51,7 @@ /> {#each parents as parent (parent)} -
  • +
  • {parent.value} @@ -59,7 +59,7 @@
    • {/each} -
  • +

  • {node.value}

    • diff --git a/web/src/lib/components/shared-components/tree/tree.svelte b/web/src/lib/components/shared-components/tree/tree.svelte index dce7c89cd4c9..ac87371bf910 100644 --- a/web/src/lib/components/shared-components/tree/tree.svelte +++ b/web/src/lib/components/shared-components/tree/tree.svelte @@ -42,9 +42,7 @@ size="20" />
    - {node.value} + {node.value} {#if isOpen} diff --git a/web/src/lib/components/timeline/Scrubber.svelte b/web/src/lib/components/timeline/Scrubber.svelte index a3bec7581d82..8aafbd80a151 100644 --- a/web/src/lib/components/timeline/Scrubber.svelte +++ b/web/src/lib/components/timeline/Scrubber.svelte @@ -588,7 +588,7 @@ > {#if !usingMobileDevice} {#if segment.hasLabel} -
    +
    {segment.year}
    {/if} diff --git a/web/src/lib/components/user-settings-page/PinCodeInput.svelte b/web/src/lib/components/user-settings-page/PinCodeInput.svelte index 69081c0b0bf8..c438d8f0b125 100644 --- a/web/src/lib/components/user-settings-page/PinCodeInput.svelte +++ b/web/src/lib/components/user-settings-page/PinCodeInput.svelte @@ -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)} diff --git a/web/src/lib/components/user-settings-page/app-settings.svelte b/web/src/lib/components/user-settings-page/app-settings.svelte index bf31893b31e0..5c3b59fafe6f 100644 --- a/web/src/lib/components/user-settings-page/app-settings.svelte +++ b/web/src/lib/components/user-settings-page/app-settings.svelte @@ -68,7 +68,7 @@ - {selectedDate} + {selectedDate} {#if $locale !== 'default'} diff --git a/web/src/lib/components/user-settings-page/user-api-key-grid.svelte b/web/src/lib/components/user-settings-page/user-api-key-grid.svelte index 523705485f89..fb10b53b34b0 100644 --- a/web/src/lib/components/user-settings-page/user-api-key-grid.svelte +++ b/web/src/lib/components/user-settings-page/user-api-key-grid.svelte @@ -39,7 +39,7 @@ checked={selectAllSubItems} onCheckedChange={handleSelectAllSubItems} /> -
    {#each subItems as item (item)} @@ -50,7 +50,7 @@ checked={selectedItems.includes(item)} onCheckedChange={() => handleToggleItem(item)} /> -
    {/each} diff --git a/web/src/lib/modals/ApiKeySecretModal.svelte b/web/src/lib/modals/ApiKeySecretModal.svelte index f7405d68c5ab..fba988aa5849 100644 --- a/web/src/lib/modals/ApiKeySecretModal.svelte +++ b/web/src/lib/modals/ApiKeySecretModal.svelte @@ -15,7 +15,7 @@ {$t('api_key_description')} -