fix: fix search page "clear filters" button style; refs #180

This commit is contained in:
Hossein Mehrabi 2023-09-05 18:37:16 +03:30
parent fdd1ce494f
commit 72e007b674
No known key found for this signature in database
GPG Key ID: 45C04964191AFAA1

View File

@ -242,7 +242,9 @@ const SearchBox = (props: SearchBoxProps) => {
className={`${showClear ? 'show' : ''}`} className={`${showClear ? 'show' : ''}`}
onClick={clear} onClick={clear}
> >
Clear Filters <span>clear</span>
<span> </span>
<span>filters</span>
</Clear> </Clear>
</Filters> </Filters>
{busy ? ( {busy ? (
@ -394,6 +396,12 @@ const Clear = styled(Typography)`
&.show { &.show {
opacity: 1; opacity: 1;
} }
${(props) => lsdUtils.breakpoint(props.theme, 'xs', 'exact')} {
span:not(:first-child) {
display: none;
}
}
` `
const Details = styled(Typography)` const Details = styled(Typography)`