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

feat(web,a11y): standardize base modal (#8388)

Browse Source 
* consistent headings
* remove escape key handler
* add aria attributes
This commit is contained in:
Ben Basten
2024-04-02 15:05:02 +00:00
committed by GitHub
parent 28e8e539f6
commit f7afc0334e
10 changed files with 53 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/lib/components/album-page/user-selection-modal.svelte
View File

@@ -13,7 +13,6 @@
import { createEventDispatcher, onMount } from 'svelte';
import Button from '../elements/buttons/button.svelte';
import BaseModal from '../shared-components/base-modal.svelte';
import ImmichLogo from '../shared-components/immich-logo.svelte';
import UserAvatar from '../shared-components/user-avatar.svelte';
export let album: AlbumResponseDto;
@@ -55,14 +54,7 @@
};
</script>
<BaseModal on:close={() => dispatch('close')}>
<svelte:fragment slot="title">
<span class="flex place-items-center gap-2">
<ImmichLogo noText={true} width={36} />
<p class="font-medium">Invite to album</p>
</span>
</svelte:fragment>
<BaseModal id="user-selection-modal" title="Invite to album" showLogo on:close>
{#if selectedUsers.length > 0}
<div class="mb-2 flex flex-wrap place-items-center gap-4 overflow-x-auto px-5 py-2 sticky">
<p class="font-medium">To</p>