LBRYFoundation/lbry-desktop
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbry-desktop.git synced 2025-09-19 16:59:46 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

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> </div>
{expanded && ( {expanded && (
<> <>
<div className={classnames(`card claim-search__menus`)}> <div className={classnames(`claim-search__menus`)}>
{/* FRESHNESS FIELD */} {/* FRESHNESS FIELD */}
{orderParam === CS.ORDER_BY_TOP && ( {orderParam === CS.ORDER_BY_TOP && (
<div className="claim-search__input-container"> <div className="claim-search__input-container">

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

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