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

tweaks

Browse source
This commit is contained in:
jessop 2019-08-01 21:34:48 -04:00
parent 5c61a1de0e
commit ffbe3dcf8a
2 changed files with 22 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/ui/component/claimPreview/view.jsx
View file

@ -168,12 +168,22 @@ function ClaimPreview(props: Props) {
{claim ? <TruncatedText text={title || claim.name} lines={1} /> : <span>{__('Nothing here')}</span>}
</div>
{!hideActions && (
<div>
<div className={'claim-preview-actions'}>
{isChannel && !channelIsBlocked && (
<SubscribeButton uri={uri.startsWith('lbry://') ? uri : `lbry://${uri}`} />
<div className={'claim-preview__button'}>
<SubscribeButton uri={uri.startsWith('lbry://') ? uri : `lbry://${uri}`} />
</div>
)}
{isChannel && !isSubscribed && (
<div className={'claim-preview__button'}>
<BlockButton uri={uri.startsWith('lbry://') ? uri : `lbry://${uri}`} />
</div>
)}
{!isChannel && (
<div className={'claim-preview__button'}>
<FileProperties uri={uri} />
</div>
)}
{isChannel && !isSubscribed && <BlockButton uri={uri.startsWith('lbry://') ? uri : `lbry://${uri}`} />}
{!isChannel && <FileProperties uri={uri} />}
</div>
)}
</div>

8
src/ui/scss/component/_claim-list.scss
View file

@ -231,6 +231,14 @@ $border-color--dark: var(--dm-color-04);
justify-content: space-between;
}
.claim-preview-actions {
display: flex;
justify-content: space-evenly;
}
.claim-preview__button {
margin-left: 2rem;
}
.claim-preview-properties {
align-items: flex-end;
flex: 1;