oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-12-02 05:57:29 +01:00
Code Releases Activity

clear button styling

Browse Source
This commit is contained in:
claudia.holhos 2021-03-02 11:29:57 +02:00
parent f1d47bbec9
commit 3b604085ab
2 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/templates/Search/filterPrice.module.css
View File

@ -42,3 +42,14 @@ button.filter,
margin-left: calc(var(--spacer) / 6); margin-left: calc(var(--spacer) / 6);
color: var(--background-body); color: var(--background-body);
} }
.filter.clearSelected {
color: var(--background-body);
background: var(--font-color-text);
border-color: var(--background-body);
}
.filter.clearSelected::after {
margin-left: calc(var(--spacer) / 6);
color: var(--background-body);
}

2
src/components/templates/Search/filterPrice.tsx
View File

@ -144,7 +144,7 @@ export default function FilterPrice({
<div className={styles.filterList}> <div className={styles.filterList}>
{clearFilters.map((e, index) => { {clearFilters.map((e, index) => {
const selectFilter = cx({ const selectFilter = cx({
[styles.selected]: clearSelected, [styles.clearSelected]: clearSelected,
[styles.filter]: true [styles.filter]: true
}) })
return ( return (