1
0
mirror of https://github.com/pocket-id/pocket-id.git synced 2026-02-08 03:54:17 +00:00
Files
pocket-id/frontend/src/lib/components/logo.svelte
2025-09-30 12:12:37 +02:00

19 lines
546 B
Svelte

<script lang="ts">
import { m } from '$lib/paraglide/messages';
import { cachedApplicationLogo } from '$lib/utils/cached-image-util';
import { cn } from '$lib/utils/style';
import { mode } from 'mode-watcher';
import type { HTMLAttributes } from 'svelte/elements';
let { ...props }: HTMLAttributes<HTMLImageElement> = $props();
const isLightMode = $derived(mode.current === 'light');
</script>
<img
{...props}
class={cn('aspect-square object-contain', props.class)}
src={cachedApplicationLogo.getUrl(isLightMode)}
alt={m.logo()}
/>