LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

cleaner discover filters display

Browse source
This commit is contained in:
zeppi 2021-12-02 20:41:08 -05:00 • committed by jessopb
parent 5fed2d01c0
commit 0c1b681b44
2 changed files with 7 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ui/component/claimListHeader/view.jsx
View file

@ -277,7 +277,7 @@ function ClaimListHeader(props: Props) {
</div>
{expanded && (
<>
<div className={classnames(`card claim-search__menus`)}>
<div className={classnames(`claim-search__menus`)}>
{/* FRESHNESS FIELD */}
{orderParam === CS.ORDER_BY_TOP && (
<div className="claim-search__input-container">

14
ui/scss/component/_claim-search.scss
View file

@ -13,7 +13,8 @@
justify-content: flex-start;
align-items: center;
padding: var(--spacing-m);
padding-bottom: var(--spacing-s);
padding-left: 0;
padding-bottom: 0;
margin-top: var(--spacing-m);
margin-bottom: var(--spacing-m);
color: var(--color-text-subtitle);
@ -41,17 +42,14 @@
flex-direction: column;
font-size: var(--font-body);
width: 100%;
&:not(:first-of-type) {
margin-top: var(--spacing-s);
}
margin-bottom: var(--spacing-m);
@media (min-width: $breakpoint-small) {
width: auto;
margin-top: 0;
&:not(:first-of-type) {
margin-top: 0;
padding-left: var(--spacing-m);
&:not(:last-of-type) {
padding-right: var(--spacing-m);
}
}
}