mirror of
https://github.com/immich-app/immich
synced 2025-11-07 17:27:20 +00:00
4a0045db44
* feat(web): max grid row height responsive
* also gallery-viewer
* lint
* feat(web): support long-press selection on mobile web
* use svelte-gestures
* fix test
* Bug fix
* globalThis
* format
* revert generator
* Testing
* bad merge
* Fix typo/tap on thumbnail
* feat: shrink header on small screens (#16909)
* feat(web): shrink header on small screens
* fix test
* test
* Fix test
* Revert user-page-layout chagne
* Restore icons sizes, make consistent, improve logo responsiveness
* remove 4 more pix, lint
* lint
* chore
---------
Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
* Revert "Testing"
This reverts commit 442f11c9e1.
---------
Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
41 lines
1.2 KiB
Svelte
41 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';
|
|
|
|
interface Props {
|
|
/**
|
|
* Unique identifier for the header text.
|
|
*/
|
|
id: string;
|
|
title: string;
|
|
onClose: () => void;
|
|
/**
|
|
* If true, the logo will be displayed next to the modal title.
|
|
*/
|
|
showLogo?: boolean;
|
|
/**
|
|
* Optional icon to display next to the modal title, if `showLogo` is false.
|
|
*/
|
|
icon?: string;
|
|
}
|
|
|
|
let { id, title, onClose, showLogo = false, icon = undefined }: Props = $props();
|
|
</script>
|
|
|
|
<div class="flex place-items-center justify-between px-5 pb-3">
|
|
<div class="flex gap-2 place-items-center">
|
|
{#if showLogo}
|
|
<ImmichLogo noText={true} class="h-[40px]" />
|
|
{:else if icon}
|
|
<Icon path={icon} size={24} ariaHidden={true} class="text-immich-primary dark:text-immich-dark-primary" />
|
|
{/if}
|
|
<h1 {id}>
|
|
{title}
|
|
</h1>
|
|
</div>
|
|
|
|
<CircleIconButton onclick={onClose} icon={mdiClose} size="20" title={$t('close')} />
|
|
</div>
|