immich-app/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-12-20 01:11:46 +03:00
Code Issues Packages Projects Releases 18 Wiki Activity

fix(web): Improve UI/UX for shared link form (#4685)

Browse Source 
* chore(web): Improve shared link form

* add verification for password

* improve ux
This commit is contained in:
Alex
2023-10-29 13:50:43 -05:00
committed by GitHub
parent daad02504f
commit a6f39bc74f
3 changed files with 35 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
web/src/lib/components/shared-components/base-modal.svelte
View File

@@ -9,6 +9,7 @@
const dispatch = createEventDispatcher();
export let zIndex = 9999;
export let ignoreClickOutside = false;
onMount(() => {
if (browser) {
@@ -35,9 +36,9 @@
>
<div
use:clickOutside
on:outclick={() => dispatch('close')}
on:outclick={() => !ignoreClickOutside && dispatch('close')}
on:escape={() => dispatch('escape')}
class="max-h-[600px] min-h-[200px] w-[450px] rounded-lg bg-immich-bg shadow-md dark:bg-immich-dark-gray dark:text-immich-dark-fg"
class="max-h-[800px] min-h-[200px] w-[450px] overflow-y-auto rounded-lg bg-immich-bg shadow-md dark:bg-immich-dark-gray dark:text-immich-dark-fg immich-scrollbar"
>
<div class="flex place-items-center justify-between px-5 py-3">
<div>
@@ -49,8 +50,14 @@
<CircleIconButton on:click={() => dispatch('close')} icon={mdiClose} size={'20'} />
</div>
<div class="">
<div>
<slot />
</div>
{#if $$slots['sticky-bottom']}
<div class="sticky bottom-0 bg-immich-bg px-5 pb-5 pt-3 dark:bg-immich-dark-gray">
<slot name="sticky-bottom" />
</div>
{/if}
</div>
</div>