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

remove unused border-color css var, format

Browse source
This commit is contained in:
Justin Edmund 2025-12-23 12:59:48 -08:00
parent 268ece6e96
commit 5c2203af42
3 changed files with 21 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
src/lib/components/collection/CollectionFilters.svelte
View file

@ -359,19 +359,13 @@
]) ])
// Active filters based on visibility settings // Active filters based on visibility settings
const activeFilters = $derived( const activeFilters = $derived(filterConfigs.filter((f) => effectiveShowFilters[f.key]))
filterConfigs.filter((f) => effectiveShowFilters[f.key])
)
// Filters visible in the main row (not in moreFilterKeys) // Filters visible in the main row (not in moreFilterKeys)
const visibleFilters = $derived( const visibleFilters = $derived(activeFilters.filter((f) => !moreFilterKeys.includes(f.key)))
activeFilters.filter((f) => !moreFilterKeys.includes(f.key))
)
// Filters in the "More" dropdown // Filters in the "More" dropdown
const moreFilters = $derived( const moreFilters = $derived(activeFilters.filter((f) => moreFilterKeys.includes(f.key)))
activeFilters.filter((f) => moreFilterKeys.includes(f.key))
)
const showMoreButton = $derived(moreFilters.length > 0) const showMoreButton = $derived(moreFilters.length > 0)
@ -406,7 +400,12 @@
</DropdownMenu.Trigger> </DropdownMenu.Trigger>
<DropdownMenu.Portal> <DropdownMenu.Portal>
<DropdownMenu.Content class="more-menu-content" side="bottom" align="start" sideOffset={4}> <DropdownMenu.Content
class="more-menu-content"
side="bottom"
align="start"
sideOffset={4}
>
{#each moreFilters as filter (filter.key)} {#each moreFilters as filter (filter.key)}
<DropdownMenu.Sub> <DropdownMenu.Sub>
<DropdownMenu.SubTrigger class="more-menu-subtrigger"> <DropdownMenu.SubTrigger class="more-menu-subtrigger">
@ -461,7 +460,12 @@
{/if} {/if}
{#if showViewToggle} {#if showViewToggle}
<ViewModeToggle value={viewMode} onValueChange={onViewModeChange} {element} neutral={neutralViewToggle} /> <ViewModeToggle
value={viewMode}
onValueChange={onViewModeChange}
{element}
neutral={neutralViewToggle}
/>
{/if} {/if}
</div> </div>
</div> </div>
@ -539,9 +543,11 @@
color: var(--text-tertiary); color: var(--text-tertiary);
background-color: var(--input-bg); background-color: var(--input-bg);
border-radius: $input-corner; border-radius: $input-corner;
border: 1px solid var(--border-color, transparent); border: 1px solid transparent;
cursor: pointer; cursor: pointer;
transition: background-color 0.15s ease, border-color 0.15s ease; transition:
background-color 0.15s ease,
border-color 0.15s ease;
&:hover { &:hover {
background-color: var(--input-bg-hover); background-color: var(--input-bg-hover);

2
src/lib/components/ui/MultiSelect.svelte
View file

@ -127,7 +127,7 @@
align-items: center; align-items: center;
background-color: var(--input-bg); background-color: var(--input-bg);
border-radius: $input-corner; border-radius: $input-corner;
border: 1px solid var(--border-color, transparent); border: 1px solid transparent;
color: var(--text-primary); color: var(--text-primary);
cursor: pointer; cursor: pointer;
display: inline-flex; display: inline-flex;

2
src/lib/components/ui/Select.svelte
View file

@ -323,7 +323,7 @@
align-items: center; align-items: center;
background-color: var(--input-bg); background-color: var(--input-bg);
border-radius: $input-corner; border-radius: $input-corner;
border: 1px solid var(--border-color, transparent); border: 1px solid transparent;
color: var(--text-primary); color: var(--text-primary);
cursor: pointer; cursor: pointer;
display: inline-flex; display: inline-flex;