public/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-11-28 13:59:45 +09:00
Code Issues Actions 8 Packages Projects Releases Wiki Activity

feat(web,a11y): consolidate BaseModal into FullScreenModal (#8787)

Browse Source 
* feat(web,a11y): FullScreenModal sticky buttons

* chore(web): combine BaseModal into FullScreenModal

---------

Co-authored-by: Alex <alex.tran1502@gmail.com>
This commit is contained in:
Ben
2024-04-16 05:06:15 +00:00
committed by GitHub
parent 28f591d01b
commit bcdec25843
29 changed files with 251 additions and 337 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/lib/components/map-page/map-settings-modal.svelte
View File

@@ -25,6 +25,7 @@
<form
on:submit|preventDefault={() => dispatch('save', settings)}
class="flex flex-col gap-4 text-immich-primary dark:text-immich-dark-primary"
id="map-settings-form"
>
<SettingSwitch id="allow-dark-mode" title="Allow dark mode" bind:checked={settings.allowDarkMode} />
<SettingSwitch id="only-favorites" title="Only favorites" bind:checked={settings.onlyFavorites} />
@@ -103,10 +104,9 @@
</div>
</div>
{/if}
<div class="mt-4 flex w-full gap-4">
<Button color="gray" size="sm" fullwidth on:click={handleClose}>Cancel</Button>
<Button type="submit" size="sm" fullwidth>Save</Button>
</div>
</form>
<svelte:fragment slot="sticky-bottom">
<Button color="gray" size="sm" fullwidth on:click={handleClose}>Cancel</Button>
<Button type="submit" size="sm" fullwidth form="map-settings-form">Save</Button>
</svelte:fragment>
</FullScreenModal>