mirror of
https://github.com/immich-app/immich.git
synced 2025-06-10 00:54:37 -04:00
f446bc8caa
* First test * Added translation using Weblate (French) * Translated using Weblate (German) Currently translated at 100.0% (4 of 4 strings) Translation: immich/web Translate-URL: http://familie-mach.net/projects/immich/web/de/ * Translated using Weblate (French) Currently translated at 100.0% (4 of 4 strings) Translation: immich/web Translate-URL: http://familie-mach.net/projects/immich/web/fr/ * Further testing * Further testing * Translated using Weblate (German) Currently translated at 100.0% (18 of 18 strings) Translation: immich/web Translate-URL: http://familie-mach.net/projects/immich/web/de/ * Further work * Update string file. * More strings * Automatically changed strings * Add automatically translated german file for testing purposes * Fix merge-face-selector component * Make server stats strings uppercase * Fix uppercase string * Fix some strings in jobs-panel * Fix lower and uppercase strings. Add a few additional string. Fix a few unnecessary replacements * Update german test translations * Fix typo in locales file * Change string keys * Extract more strings * Extract and replace some more strings * Update testtranslationfile * Change translation keys * Fix rebase errors * Fix one more rebase error * Remove german translation file * Co-authored-by: Daniel Dietzler <danieldietzler@users.noreply.github.com> * chore: clean up translations * chore: add new line * fix formatting * chore: fixes * fix: loading and tests --------- Co-authored-by: root <root@Blacki> Co-authored-by: admin <admin@example.com> Co-authored-by: Jason Rasmussen <jrasm91@gmail.com> Co-authored-by: Daniel Dietzler <mail@ddietzler.dev>
38 lines
1.2 KiB
Svelte
38 lines
1.2 KiB
Svelte
<script lang="ts">
|
|
import ImmichLogo from '$lib/components/shared-components/immich-logo.svelte';
|
|
import Icon from '$lib/components/elements/icon.svelte';
|
|
import CircleIconButton from '$lib/components/elements/buttons/circle-icon-button.svelte';
|
|
import { mdiClose } from '@mdi/js';
|
|
import { t } from 'svelte-i18n';
|
|
|
|
/**
|
|
* Unique identifier for the header text.
|
|
*/
|
|
export let id: string;
|
|
export let title: string;
|
|
export let onClose: () => void;
|
|
/**
|
|
* If true, the logo will be displayed next to the modal title.
|
|
*/
|
|
export let showLogo = false;
|
|
/**
|
|
* Optional icon to display next to the modal title, if `showLogo` is false.
|
|
*/
|
|
export let icon: string | undefined = undefined;
|
|
</script>
|
|
|
|
<div class="flex place-items-center justify-between px-5 py-3">
|
|
<div class="flex gap-2 place-items-center">
|
|
{#if showLogo}
|
|
<ImmichLogo noText={true} width={32} />
|
|
{:else if icon}
|
|
<Icon path={icon} size={32} ariaHidden={true} class="text-immich-primary dark:text-immich-dark-primary" />
|
|
{/if}
|
|
<h1 {id}>
|
|
{title}
|
|
</h1>
|
|
</div>
|
|
|
|
<CircleIconButton on:click={onClose} icon={mdiClose} size={'20'} title={$t('close')} />
|
|
</div>
|