mirror of
https://github.com/immich-app/immich.git
synced 2025-11-18 20:55:27 -05:00
02047a0104
* feat(web): move search options into a modal * chore: revert adding focus ring * minor styling --------- Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
31 lines
917 B
Svelte
31 lines
917 B
Svelte
<script lang="ts">
|
|
import RadioButton from '$lib/components/elements/radio-button.svelte';
|
|
import { MediaType } from './search-filter-modal.svelte';
|
|
import { t } from 'svelte-i18n';
|
|
|
|
export let filteredMedia: MediaType;
|
|
</script>
|
|
|
|
<div id="media-type-selection">
|
|
<fieldset>
|
|
<legend class="immich-form-label">{$t('media_type').toUpperCase()}</legend>
|
|
<div class="flex flex-wrap gap-x-5 gap-y-2 mt-1">
|
|
<RadioButton name="media-type" id="type-all" bind:group={filteredMedia} label={$t('all')} value={MediaType.All} />
|
|
<RadioButton
|
|
name="media-type"
|
|
id="type-image"
|
|
bind:group={filteredMedia}
|
|
label={$t('image')}
|
|
value={MediaType.Image}
|
|
/>
|
|
<RadioButton
|
|
name="media-type"
|
|
id="type-video"
|
|
bind:group={filteredMedia}
|
|
label={$t('video')}
|
|
value={MediaType.Video}
|
|
/>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|