fix spacing on publish page when user has no lbc

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

View file

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

View file

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