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

fix card spacing on settings page

Browse source
This commit is contained in:
Sean Yesmunt 2020-11-13 13:10:47 -05:00
parent 509cbb07fe
commit 5cfa46d14d
2 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ui/page/settings/view.jsx
View file

@ -220,7 +220,7 @@ class SettingsPage extends React.PureComponent<Props, State> {
<div className="card__title card__title--deprecated">{__('Failed to load settings.')}</div> <div className="card__title card__title--deprecated">{__('Failed to load settings.')}</div>
</section> </section>
) : ( ) : (
<div className={classnames({ 'card--disabled': IS_WEB && !isAuthenticated })}> <div className={classnames('card-stack', { 'card--disabled': IS_WEB && !isAuthenticated })}>
{isAuthenticated && <SettingAccountPassword />} {isAuthenticated && <SettingAccountPassword />}
{/* @if TARGET='app' */} {/* @if TARGET='app' */}
<Card <Card

4
ui/scss/component/_card.scss
View file

@ -132,6 +132,10 @@
} }
} }
.card ~ .card-stack {
margin-top: var(--spacing-l);
}
.card__list { .card__list {
column-count: 2; column-count: 2;
column-gap: var(--spacing-l); column-gap: var(--spacing-l);