helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-11-14 17:36:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat(web): UI/UX improvement for date time edit form (#5505)

Browse source
This commit is contained in:
Alex 2023-12-05 13:16:37 -06:00 • committed by GitHub
parent 7e8488694d
commit 84c5b08c25
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 38 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

8
web/src/lib/components/shared-components/confirm-dialogue.svelte
View file

@ -13,7 +13,7 @@
export let hideCancelButton = false;
export let disabled = false;
const dispatch = createEventDispatcher<{ cancel: void; confirm: void }>();
const dispatch = createEventDispatcher<{ cancel: void; confirm: void; 'click-outside': void }>();
let isConfirmButtonDisabled = false;
@ -28,9 +28,13 @@
isConfirmButtonDisabled = true;
dispatch('confirm');
};
const handleClickOutside = () => {
dispatch('click-outside');
};
</script>
<FullScreenModal on:clickOutside={handleCancel} on:escape={() => handleEscape()}>
<FullScreenModal on:clickOutside={handleClickOutside} on:escape={() => handleEscape()}>
<div
class="w-[500px] max-w-[95vw] rounded-3xl border bg-immich-bg p-4 py-8 shadow-sm dark:border-immich-dark-gray dark:bg-immich-dark-gray dark:text-immich-dark-fg"
>