immich-app/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-12-21 17:25:35 +03:00
Code Issues Packages Projects Releases 18 Wiki Activity

chore: migrate remaining usages of the logo to use the UI lib (#23430)

Browse Source
This commit is contained in:
Daniel Dietzler
2025-11-10 19:16:49 +01:00
committed by GitHub
parent d6307b262f
commit d27c01ef70
11 changed files with 25 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/lib/components/shared-components/side-bar/purchase-info.svelte
View File

@@ -1,7 +1,5 @@
<script lang="ts">
import { goto } from '$app/navigation';
import ImmichLogo from '$lib/components/shared-components/immich-logo.svelte';
import SupporterBadge from '$lib/components/shared-components/side-bar/supporter-badge.svelte';
import { AppRoute } from '$lib/constants';
import Portal from '$lib/elements/Portal.svelte';
import PurchaseModal from '$lib/modals/PurchaseModal.svelte';
@@ -11,7 +9,7 @@
import { handleError } from '$lib/utils/handle-error';
import { getButtonVisibility } from '$lib/utils/purchase-utils';
import { updateMyPreferences } from '@immich/sdk';
import { Button, Icon, IconButton, modalManager } from '@immich/ui';
import { Button, Icon, IconButton, Logo, modalManager, SupporterBadge } from '@immich/ui';
import { mdiClose, mdiInformationOutline } from '@mdi/js';
import { t } from 'svelte-i18n';
import { SvelteDate } from 'svelte/reactivity';
@@ -93,9 +91,7 @@
>
<div class="flex justify-between w-full place-items-center place-content-center">
<div class="flex place-items-center place-content-center gap-1">
<div class="h-6 w-6">
<ImmichLogo noText class="h-6" />
</div>
<Logo variant="icon" size="tiny" />
<p class="flex text-primary font-medium">
{$t('purchase_button_buy_immich')}
</p>
@@ -122,7 +118,7 @@
>
<div class="flex justify-between place-items-center">
<div class="h-10 w-10">
<ImmichLogo noText class="h-8" />
<Logo variant="icon" size="small" />
</div>
<IconButton
shape="round"

4
web/src/lib/components/shared-components/side-bar/supporter-badge.svelte
View File

@@ -1,6 +1,6 @@
<script lang="ts">
import { Logo } from '@immich/ui';
import { t } from 'svelte-i18n';
import ImmichLogo from '../immich-logo.svelte';
interface Props {
centered?: boolean;
@@ -14,7 +14,7 @@
class="flex gap-1 mt-2 place-items-center dark:bg-immich-dark-primary/10 bg-gray-200/50 p-2 rounded-lg bg-clip-padding border border-transparent relative supporter-effect"
class:place-content-center={centered}
>
<ImmichLogo class={logoSize === 'sm' ? 'h-6' : 'h-8'} noText />
<Logo variant="icon" size={logoSize === 'sm' ? 'tiny' : 'small'} />
<p class="dark:text-gray-100">{$t('purchase_account_info')}</p>
</div>