mirror of
https://github.com/immich-app/immich.git
synced 2025-06-16 03:57:33 -04:00
f44fa45aa0
* add unicorn to eslint * fix lint errors for cli * fix merge * fix album name extraction * Update cli/src/commands/upload.command.ts Co-authored-by: Ben McCann <322311+benmccann@users.noreply.github.com> * es2k23 * use lowercase os * return undefined album name * fix bug in asset response dto * auto fix issues * fix server code style * es2022 and formatting * fix compilation error * fix test * fix config load * fix last lint errors * set string type * bump ts * start work on web * web formatting * Fix UUIDParamDto as UUIDParamDto * fix library service lint * fix web errors * fix errors * formatting * wip * lints fixed * web can now start * alphabetical package json * rename error * chore: clean up --------- Co-authored-by: Ben McCann <322311+benmccann@users.noreply.github.com> Co-authored-by: Jason Rasmussen <jrasm91@gmail.com>
29 lines
956 B
Svelte
29 lines
956 B
Svelte
<script lang="ts">
|
|
import empty1Url from '$lib/assets/empty-1.svg';
|
|
|
|
export let actionHandler: undefined | (() => unknown) = undefined;
|
|
export let text = '';
|
|
export let alt = '';
|
|
export let fullWidth = false;
|
|
export let src = empty1Url;
|
|
|
|
const noop = () => {};
|
|
|
|
$: handler = actionHandler || noop;
|
|
$: width = fullWidth ? 'w-full' : 'w-[50%]';
|
|
|
|
const hoverClasses = actionHandler
|
|
? `border dark:border-immich-dark-gray hover:bg-immich-primary/5 dark:hover:bg-immich-dark-primary/25 hover:cursor-pointer`
|
|
: '';
|
|
</script>
|
|
|
|
<!-- svelte-ignore a11y-no-static-element-interactions -->
|
|
<div
|
|
on:click={handler}
|
|
on:keydown={handler}
|
|
class="{width} m-auto mt-10 flex flex-col place-content-center place-items-center rounded-3xl bg-gray-50 p-5 dark:bg-immich-dark-gray {hoverClasses}"
|
|
>
|
|
<img {src} {alt} width="500" draggable="false" />
|
|
<p class="text-immich-text-gray-500 text-center dark:text-immich-dark-fg">{text}</p>
|
|
</div>
|