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
const activeFilters = $derived(
filterConfigs.filter((f) => effectiveShowFilters[f.key])
)
const activeFilters = $derived(filterConfigs.filter((f) => effectiveShowFilters[f.key]))
// Filters visible in the main row (not in moreFilterKeys)
const visibleFilters = $derived(
activeFilters.filter((f) => !moreFilterKeys.includes(f.key))
)
const visibleFilters = $derived(activeFilters.filter((f) => !moreFilterKeys.includes(f.key)))
// Filters in the "More" dropdown
const moreFilters = $derived(
activeFilters.filter((f) => moreFilterKeys.includes(f.key))
)
const moreFilters = $derived(activeFilters.filter((f) => moreFilterKeys.includes(f.key)))
const showMoreButton = $derived(moreFilters.length > 0)
@ -406,7 +400,12 @@
</DropdownMenu.Trigger>
<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)}
<DropdownMenu.Sub>
<DropdownMenu.SubTrigger class="more-menu-subtrigger">
@ -461,7 +460,12 @@
{/if}
{#if showViewToggle}
<ViewModeToggle value={viewMode} onValueChange={onViewModeChange} {element} neutral={neutralViewToggle} />
<ViewModeToggle
value={viewMode}
onValueChange={onViewModeChange}
{element}
neutral={neutralViewToggle}
/>
{/if}
</div>
</div>
@ -539,9 +543,11 @@
color: var(--text-tertiary);
background-color: var(--input-bg);
border-radius: $input-corner;
border: 1px solid var(--border-color, transparent);
border: 1px solid transparent;
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 {
background-color: var(--input-bg-hover);

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

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

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

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