granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

use small select for artifact rarity filter

Browse source
This commit is contained in:
Justin Edmund 2025-12-03 21:28:15 -08:00
parent 7c93cf8aab
commit 4a89f43d05
1 changed files with 8 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/routes/(app)/[username]/collection/artifacts/+page.svelte
View file

@ -10,8 +10,7 @@
import { IsInViewport } from 'runed' import { IsInViewport } from 'runed'
import { sidebar } from '$lib/stores/sidebar.svelte' import { sidebar } from '$lib/stores/sidebar.svelte'
import { viewMode, type ViewMode } from '$lib/stores/viewMode.svelte' import { viewMode, type ViewMode } from '$lib/stores/viewMode.svelte'
import SegmentedControl from '$lib/components/ui/segmented-control/SegmentedControl.svelte' import Select from '$lib/components/ui/Select.svelte'
import Segment from '$lib/components/ui/segmented-control/Segment.svelte'
import { getArtifactImage } from '$lib/utils/images' import { getArtifactImage } from '$lib/utils/images'
const { data }: { data: PageData } = $props() const { data }: { data: PageData } = $props()
@ -95,16 +94,16 @@
<div class="collection-page"> <div class="collection-page">
<!-- Filters bar --> <!-- Filters bar -->
<div class="filters-bar"> <div class="filters-bar">
<SegmentedControl <Select
value={rarityFilter} value={rarityFilter}
onValueChange={(v) => (rarityFilter = v as 'all' | 'standard' | 'quirk')} onValueChange={(v) => (rarityFilter = v as 'all' | 'standard' | 'quirk')}
variant="blended" options={[
{ value: 'all', label: 'All' },
{ value: 'standard', label: 'Standard' },
{ value: 'quirk', label: 'Quirk' }
]}
size="small" size="small"
> />
<Segment value="all">All</Segment>
<Segment value="standard">Standard</Segment>
<Segment value="quirk">Quirk</Segment>
</SegmentedControl>
<div class="view-toggle"> <div class="view-toggle">
<button <button