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

move edit button on channel pages

Browse source
This commit is contained in:
Sean Yesmunt 2020-05-04 11:38:35 -04:00
parent 1b830f74a1
commit 85ac7c5aac
2 changed files with 14 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
ui/page/channel/view.jsx
View file

@ -236,20 +236,20 @@ function ChannelPage(props: Props) {
<ChannelThumbnail className="channel__thumbnail--channel-page" uri={uri} thumbnailPreview={thumbPreview} /> <ChannelThumbnail className="channel__thumbnail--channel-page" uri={uri} thumbnailPreview={thumbPreview} />
)} )}
<h1 className="channel__title">{title || '@' + channelName}</h1> <h1 className="channel__title">{title || '@' + channelName}</h1>
<div className="channel__meta">
<span>
{subCount} {subCount !== 1 ? __('Followers') : __('Follower')}
<HelpLink href="https://lbry.com/faq/views" />
</span>
{channelIsMine && !editing && ( {channelIsMine && !editing && (
<Button <Button
button="alt" button="alt"
title={__('Edit')} title={__('Edit')}
onClick={() => setEditing(!editing)} onClick={() => setEditing(!editing)}
icon={ICONS.EDIT} icon={ICONS.EDIT}
iconSize={28} iconSize={18}
/> />
)} )}
<div className="channel__meta">
<span>
{subCount} {subCount !== 1 ? __('Followers') : __('Follower')}
<HelpLink href="https://lbry.com/faq/views" />
</span>
</div> </div>
</div> </div>
</header> </header>

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

@ -137,6 +137,11 @@ $metadata-z-index: 1;
.channel__meta { .channel__meta {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: flex-end;
.button {
height: auto;
}
} }
.channel__image--blurred { .channel__image--blurred {