mirror of
https://github.com/immich-app/immich.git
synced 2025-12-02 04:19:56 +09:00
796c933fb8
* feat(web,a11y): standardize the FullScreenModal look * consistent header, padding, close button, and radius as BaseModal * vertically stacking ConfirmDialogue CTA buttons in narrow screens * adding aria-modal tags for screen reader * add viewport-specific height limits on modals, to enable scrolling * prevent focus from being hidden under sticky content in modals * standardize FullScreenModal widths using a Prop * wip: consistent padding with header * fix: alignment on "create user" and "edit user" modals * fix: horizontal modal content alignment * fix: create user CTA buttons * chore: remove unnecessary warning --------- Co-authored-by: Jason Rasmussen <jrasm91@gmail.com>
26 lines
774 B
Svelte
26 lines
774 B
Svelte
<script lang="ts">
|
|
import ConfirmDialogue from '$lib/components/shared-components/confirm-dialogue.svelte';
|
|
|
|
export let onCancel: () => void;
|
|
export let onConfirm: () => void;
|
|
</script>
|
|
|
|
<ConfirmDialogue id="disable-login-modal" title="Disable login" onClose={onCancel} {onConfirm}>
|
|
<svelte:fragment slot="prompt">
|
|
<div class="flex flex-col gap-4">
|
|
<p>Are you sure you want to disable all login methods? Login will be completely disabled.</p>
|
|
<p>
|
|
To re-enable, use a
|
|
<a
|
|
href="https://immich.app/docs/administration/server-commands"
|
|
rel="noreferrer"
|
|
target="_blank"
|
|
class="underline"
|
|
>
|
|
Server Command</a
|
|
>.
|
|
</p>
|
|
</div>
|
|
</svelte:fragment>
|
|
</ConfirmDialogue>
|