fix subscribe button label not showing on mobile

This commit is contained in:
Sean Yesmunt 2020-06-29 13:25:29 -04:00
parent 192bf12a0e
commit 74a18b724e
2 changed files with 8 additions and 3 deletions

View file

@ -284,11 +284,11 @@ const ClaimPreview = forwardRef<any, {}>((props: Props, ref: any) => {
{type !== 'small' && (
<div className="claim-preview__actions">
{!pending && (
<React.Fragment>
<>
{hideActions ? null : actions !== undefined ? (
actions
) : (
<div className="card__actions--inline">
<div className="claim-preview__primary-actions">
{isChannel && !channelIsBlocked && !claimIsMine && (
<SubscribeButton uri={uri.startsWith('lbry://') ? uri : `lbry://${uri}`} />
)}
@ -298,7 +298,7 @@ const ClaimPreview = forwardRef<any, {}>((props: Props, ref: any) => {
{includeSupportAction && <ClaimSupportButton uri={uri} />}
</div>
)}
</React.Fragment>
</>
)}
{claim && (
<React.Fragment>

View file

@ -227,6 +227,11 @@
width: 100%;
}
.claim-preview__primary-actions {
@extend .section__actions;
margin-top: 0;
}
.claim-preview__actions--header {
@extend .claim-preview__actions;
flex-wrap: wrap;