fix(web): immich-form-label usage (#23006)

This commit is contained in:
Jason Rasmussen 2025-10-16 17:49:12 -04:00 committed by GitHub
parent a23dfff6cf
commit 24bfdf3263
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 43 additions and 70 deletions

View file

@ -23,7 +23,7 @@
import { focusOutside } from '$lib/actions/focus-outside';
import { shortcuts } from '$lib/actions/shortcut';
import { generateId } from '$lib/utils/generate-id';
import { Icon, IconButton } from '@immich/ui';
import { Icon, IconButton, Label } from '@immich/ui';
import { mdiClose, mdiMagnify, mdiUnfoldMoreHorizontal } from '@mdi/js';
import { onMount, tick } from 'svelte';
import { t } from 'svelte-i18n';
@ -251,7 +251,7 @@
</script>
<svelte:window onresize={onPositionChange} />
<label class="immich-form-label" class:sr-only={hideLabel} for={inputId}>{label}</label>
<Label class="block mb-1 {hideLabel ? 'sr-only' : ''}" for={inputId}>{label}</Label>
<div
class="relative w-full dark:text-gray-300 text-gray-700 text-base"
use:focusOutside={{ onFocusOut: deactivate }}