fix spacing on publish page when user has no lbc
This commit is contained in:
parent
4cc2d00f19
commit
63092ce7da
2 changed files with 32 additions and 29 deletions
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
|
|
Loading…
Reference in a new issue