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

fix spacing on publish page when user has no lbc

Browse source
This commit is contained in:
Sean Yesmunt 2020-04-15 15:32:47 -04:00
parent 4cc2d00f19
commit 63092ce7da
2 changed files with 32 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

57
ui/page/publish/view.jsx
View file

@ -23,35 +23,40 @@ function PublishPage(props: Props) {
return ( return (
<Page> <Page>
{balance === 0 && ( {balance === 0 ? (
<Fragment> <Fragment>
<Yrbl <div className="section">
title={__("You can't publish things quite yet")} <Yrbl
subtitle={ title={__("You can't publish things quite yet")}
<Fragment> subtitle={
<p> <Fragment>
{__( <p>
'LBRY uses a blockchain, which is a fancy way of saying that users (you) are in control of your data.' {__(
)} 'LBRY uses a blockchain, which is a fancy way of saying that users (you) are in control of your data.'
</p> )}
<p> </p>
{__('Because of the blockchain, some actions require LBRY credits')} ( <p>
<LbcSymbol /> {__('Because of the blockchain, some actions require LBRY credits')} (
). <LbcSymbol />
</p> ).
<p> </p>
<LbcSymbol />{' '} <p>
{__( <LbcSymbol />{' '}
'allows you to do some neat things, like paying your favorite creators for their content. And no company can stop you.' {__(
)} 'allows you to do some neat things, like paying your favorite creators for their content. And no company can stop you.'
</p> )}
</Fragment> </p>
} </Fragment>
/> }
<RewardAuthIntro /> />
</div>
<div className="section">
<RewardAuthIntro />
</div>
</Fragment> </Fragment>
) : (
<PublishForm scrollToTop={scrollToTop} disabled={balance === 0} />
)} )}
<PublishForm scrollToTop={scrollToTop} disabled={balance === 0} />
</Page> </Page>
); );
} }

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

@ -201,9 +201,7 @@
.card__body { .card__body {
padding: var(--spacing-large); padding: var(--spacing-large);
border-top: 1px solid var(--color-border); border-top: 1px solid var(--color-border);
&:not(.card__body--no-title) {
padding-top: 0;
}
&.card__body--table { &.card__body--table {
padding: 0; padding: 0;
border-top: 1px solid var(--color-border); border-top: 1px solid var(--color-border);