Another padding adjustment on mobile

This commit is contained in:
Raphael Wickihalder 2022-06-10 08:45:42 +02:00
parent 7807bd9dd2
commit 86d311f45d
No known key found for this signature in database
GPG key ID: 05179BB92383243D
2 changed files with 12 additions and 11 deletions

View file

@ -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 />

View file

@ -828,5 +828,8 @@ $actions-z-index: 2;
}
@media (max-width: $breakpoint-small) {
padding: var(--spacing-s);
.yrbl__wrap {
margin-top: var(--spacing-l);
}
}
}