Cutlery/immich
1
0
Fork 1
mirror of https://github.com/immich-app/immich.git synced 2025-10-31 10:37:11 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat(web): bigger dialog box of location change (#5862)

Browse Source
This commit is contained in:
waclaw66 2023-12-19 16:49:09 +01:00 committed by GitHub
parent f4c5bdfa1c
commit 1c69dff967
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web/src/lib/components/shared-components/change-location.svelte
View File

@ -41,12 +41,13 @@
confirmColor="primary" confirmColor="primary"
cancelColor="secondary" cancelColor="secondary"
title="Change Location" title="Change Location"
width={800}
on:confirm={handleConfirm} on:confirm={handleConfirm}
on:cancel={handleCancel} on:cancel={handleCancel}
> >
<div slot="prompt" class="flex flex-col w-full h-full gap-2"> <div slot="prompt" class="flex flex-col w-full h-full gap-2">
<label for="datetime">Pick a location</label> <label for="datetime">Pick a location</label>
<div class="h-[350px] min-h-[300px] w-full"> <div class="h-[500px] min-h-[300px] w-full">
<Map <Map
mapMarkers={lat && lng && asset ? [{ id: asset.id, lat, lon: lng }] : []} mapMarkers={lat && lng && asset ? [{ id: asset.id, lat, lon: lng }] : []}
{zoom} {zoom}

4
web/src/lib/components/shared-components/confirm-dialogue.svelte
View File

@ -12,6 +12,7 @@
export let cancelColor: Color = 'primary'; export let cancelColor: Color = 'primary';
export let hideCancelButton = false; export let hideCancelButton = false;
export let disabled = false; export let disabled = false;
export let width = 500;
const dispatch = createEventDispatcher<{ cancel: void; confirm: void; 'click-outside': void }>(); const dispatch = createEventDispatcher<{ cancel: void; confirm: void; 'click-outside': void }>();
@ -36,7 +37,8 @@
<FullScreenModal on:clickOutside={handleClickOutside} on:escape={() => handleEscape()}> <FullScreenModal on:clickOutside={handleClickOutside} on:escape={() => handleEscape()}>
<div <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" class="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"
style="width: {width}px"
> >
<div <div
class="flex flex-col place-content-center place-items-center gap-4 px-4 text-immich-primary dark:text-immich-dark-primary" class="flex flex-col place-content-center place-items-center gap-4 px-4 text-immich-primary dark:text-immich-dark-primary"