mirror/Compass
1
0
Fork 0
mirror of https://github.com/CompassConnections/Compass.git synced 2026-05-11 08:35:42 -04:00
Code Issues Packages Projects Releases Wiki Activity

Update filter chips styles: adjust background color and add border for improved visual consistency

Browse Source
This commit is contained in:
MartinBraquet
2026-05-10 11:21:53 +02:00
parent 532c741405
commit d5cd28fd1d
1 changed files with 2 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/components/filters/filters.tsx
View File

@@ -9,12 +9,7 @@ import {Profile} from 'common/profiles/profile'
import {DisplayOptions} from 'common/profiles-rendering'
import {nullifyDictValues, removeNullOrUndefinedProps, sampleDictByPrefix} from 'common/util/object'
import {ReactNode, useState} from 'react'
import {
Big5Filters,
Big5FilterText,
countBig5Filters,
hasAnyBig5Filter,
} from 'web/components/filters/big5-filter'
import {Big5Filters, Big5FilterText, countBig5Filters, hasAnyBig5Filter,} from 'web/components/filters/big5-filter'
import {CardSizeSelector} from 'web/components/filters/card-size-selector'
import {DietFilter, DietFilterText} from 'web/components/filters/diet-filter'
import {EducationFilter, EducationFilterText} from 'web/components/filters/education-filter'
@@ -175,7 +170,7 @@ function SelectedFiltersSummary(props: {
{selectedFilters.map((filter, idx) => (
<Row
key={idx}
className="items-center gap-1 text-primary-700 pl-3 pr-2 py-1 rounded-full text-sm bg-gray-100/70 dark:bg-gray-900"
className="items-center gap-1 text-primary-700 pl-3 pr-2 py-1 rounded-full text-sm bg-canvas-100 border border-canvas-200"
>
<span>{filter.label}</span>
<button