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

Another padding adjustment on mobile

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

20
ui/page/channels/view.jsx
View file

@ -138,17 +138,15 @@ export default function ChannelsPage(props: Props) {
{!(channelUrls && channelUrls.length) && ( {!(channelUrls && channelUrls.length) && (
<React.Fragment> <React.Fragment>
{!fetchingChannels ? ( {!fetchingChannels ? (
<section className="main--empty"> <Yrbl
<Yrbl title={__('No channels')}
title={__('No channels')} subtitle={__("You haven't created a channel yet. All of your beautiful channels will be listed here!")}
subtitle={__("You haven't created a channel yet. All of your beautiful channels will be listed here!")} actions={
actions={ <div className="section__actions">
<div className="section__actions"> <Button button="primary" label={__('Create Channel')} navigate={`/$/${PAGES.CHANNEL_NEW}`} />
<Button button="primary" label={__('Create Channel')} navigate={`/$/${PAGES.CHANNEL_NEW}`} /> </div>
</div> }
} />
/>
</section>
) : ( ) : (
<section className="main--empty"> <section className="main--empty">
<Spinner delayed /> <Spinner delayed />

3
ui/scss/component/_channel.scss
View file

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