mirror of
https://github.com/immich-app/immich
synced 2025-11-14 17:36:12 +00:00
48 lines
1.1 KiB
Svelte
48 lines
1.1 KiB
Svelte
|
<script lang="ts">
|
||
|
|
import { MediaType } from './search-filter-box.svelte';
|
||
|
|
|
||
|
|
export let filteredMedia: MediaType;
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<div id="media-type-selection">
|
||
|
|
<p class="immich-form-label">MEDIA TYPE</p>
|
||
|
|
|
||
|
|
<div class="flex gap-5 mt-1 text-base">
|
||
|
|
<label for="type-all" class="flex items-center gap-1">
|
||
|
|
<input
|
||
|
|
bind:group={filteredMedia}
|
||
|
|
value={MediaType.All}
|
||
|
|
type="radio"
|
||
|
|
name="radio-type"
|
||
|
|
id="type-all"
|
||
|
|
class="size-4"
|
||
|
|
/>
|
||
|
|
<span class="pt-0.5">All</span>
|
||
|
|
</label>
|
||
|
|
|
||
|
|
<label for="type-image" class="flex items-center gap-1">
|
||
|
|
<input
|
||
|
|
bind:group={filteredMedia}
|
||
|
|
value={MediaType.Image}
|
||
|
|
type="radio"
|
||
|
|
name="media-type"
|
||
|
|
id="type-image"
|
||
|
|
class="size-4"
|
||
|
|
/>
|
||
|
|
<span class="pt-0.5">Image</span>
|
||
|
|
</label>
|
||
|
|
|
||
|
|
<label for="type-video" class="flex items-center gap-1">
|
||
|
|
<input
|
||
|
|
bind:group={filteredMedia}
|
||
|
|
value={MediaType.Video}
|
||
|
|
type="radio"
|
||
|
|
name="radio-type"
|
||
|
|
id="type-video"
|
||
|
|
class="size-4"
|
||
|
|
/>
|
||
|
|
<span class="pt-0.5">Video</span>
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
</div>
|