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

fix channel profile img in header

Browse source
This commit is contained in:
Sean Yesmunt 2020-10-05 14:04:31 -04:00
parent 2abd1ca6c2
commit 46a0d213fb
2 changed files with 21 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
ui/component/header/view.jsx
View file

@ -312,7 +312,10 @@ const Header = (props: Props) => {
<MenuButton
aria-label={__('Your account')}
title={__('Your account')}
className="header__navigation-item menu__title header__navigation-item--icon"
className={classnames('header__navigation-item', {
'menu__title header__navigation-item--icon': !channelUrl,
'header__navigation-item--profile-pic': channelUrl,
})}
// @if TARGET='app'
onDoubleClick={e => {
e.stopPropagation();

17
ui/scss/component/_header.scss
View file

@ -108,6 +108,23 @@
}
}
.header__navigation-item--profile-pic {
.channel-thumbnail {
height: var(--height-button);
width: var(--height-button);
margin-right: 0;
border-radius: calc(var(--height-button) / 2);
img {
border-radius: calc(var(--height-button) / 2);
}
}
&:hover {
opacity: 0.7;
}
}
.header__navigation-item--balance {
@extend .button--link;
}