fix subscribe button label not showing on mobile
This commit is contained in:
parent
192bf12a0e
commit
74a18b724e
2 changed files with 8 additions and 3 deletions
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue