Another padding adjustment on mobile
This commit is contained in:
parent
7807bd9dd2
commit
86d311f45d
2 changed files with 12 additions and 11 deletions
|
@ -138,17 +138,15 @@ export default function ChannelsPage(props: Props) {
|
|||
{!(channelUrls && channelUrls.length) && (
|
||||
<React.Fragment>
|
||||
{!fetchingChannels ? (
|
||||
<section className="main--empty">
|
||||
<Yrbl
|
||||
title={__('No channels')}
|
||||
subtitle={__("You haven't created a channel yet. All of your beautiful channels will be listed here!")}
|
||||
actions={
|
||||
<div className="section__actions">
|
||||
<Button button="primary" label={__('Create Channel')} navigate={`/$/${PAGES.CHANNEL_NEW}`} />
|
||||
</div>
|
||||
}
|
||||
/>
|
||||
</section>
|
||||
<Yrbl
|
||||
title={__('No channels')}
|
||||
subtitle={__("You haven't created a channel yet. All of your beautiful channels will be listed here!")}
|
||||
actions={
|
||||
<div className="section__actions">
|
||||
<Button button="primary" label={__('Create Channel')} navigate={`/$/${PAGES.CHANNEL_NEW}`} />
|
||||
</div>
|
||||
}
|
||||
/>
|
||||
) : (
|
||||
<section className="main--empty">
|
||||
<Spinner delayed />
|
||||
|
|
|
@ -828,5 +828,8 @@ $actions-z-index: 2;
|
|||
}
|
||||
@media (max-width: $breakpoint-small) {
|
||||
padding: var(--spacing-s);
|
||||
.yrbl__wrap {
|
||||
margin-top: var(--spacing-l);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue