gpx.studio/website/src/lib/components/Logo.svelte

<script lang="ts">
	import { base } from '$app/paths';

	import { mode } from 'mode-watcher';

	export let iconOnly = false;
</script>

<img
	src="{base}/{iconOnly ? 'icon' : 'logo'}{$mode === 'dark' ? '-dark' : ''}.svg"
	alt="Logo of gpx.studio."
	{...$$restProps}
/>
menubar 2024-04-08 17:12:39 +02:00			`<script lang="ts">`
			`import { base } from '$app/paths';`
dark mode everywhere 2024-04-28 17:01:22 +02:00
			`import { mode } from 'mode-watcher';`
responsive menu 2024-06-20 11:59:21 +02:00
			`export let iconOnly = false;`
menubar 2024-04-08 17:12:39 +02:00			`</script>`

dark mode everywhere 2024-04-28 17:01:22 +02:00			`<img`
responsive menu 2024-06-20 11:59:21 +02:00			`src="{base}/{iconOnly ? 'icon' : 'logo'}{$mode === 'dark' ? '-dark' : ''}.svg"`
dark mode everywhere 2024-04-28 17:01:22 +02:00			`alt="Logo of gpx.studio."`
			`{...$$restProps}`
			`/>`