style cleanup
This commit is contained in:
parent
951d7bbb63
commit
da7b331760
5 changed files with 11 additions and 12 deletions
|
@ -61,7 +61,6 @@ function ClaimPreviewTile(props: Props) {
|
||||||
const isRepost = claim && claim.repost_channel_url;
|
const isRepost = claim && claim.repost_channel_url;
|
||||||
const shouldFetch = claim === undefined;
|
const shouldFetch = claim === undefined;
|
||||||
const thumbnailUrl = useGetThumbnail(uri, claim, streamingUrl, getFile, placeholder) || thumbnail;
|
const thumbnailUrl = useGetThumbnail(uri, claim, streamingUrl, getFile, placeholder) || thumbnail;
|
||||||
const claimsInChannel = (claim && claim.meta && claim.meta.claims_in_channel) || 0;
|
|
||||||
const canonicalUrl = claim && claim.canonical_url;
|
const canonicalUrl = claim && claim.canonical_url;
|
||||||
const navigateUrl = formatLbryUrlForWeb(canonicalUrl || uri || '/');
|
const navigateUrl = formatLbryUrlForWeb(canonicalUrl || uri || '/');
|
||||||
|
|
||||||
|
@ -187,12 +186,7 @@ function ClaimPreviewTile(props: Props) {
|
||||||
<div className="claim-tile__info">
|
<div className="claim-tile__info">
|
||||||
{isChannel ? (
|
{isChannel ? (
|
||||||
<div className="claim-tile__about--channel">
|
<div className="claim-tile__about--channel">
|
||||||
<SubscribeButton uri={uri} shrinkOnMobile />
|
<SubscribeButton uri={uri} />
|
||||||
<span className="claim-tile__publishes">
|
|
||||||
{claimsInChannel === 1
|
|
||||||
? __('%claimsInChannel% publish', { claimsInChannel })
|
|
||||||
: __('%claimsInChannel% publishes', { claimsInChannel })}
|
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
<React.Fragment>
|
<React.Fragment>
|
||||||
|
|
|
@ -373,7 +373,12 @@
|
||||||
color: var(--color-gray-1);
|
color: var(--color-gray-1);
|
||||||
background: black;
|
background: black;
|
||||||
border: 1px solid var(--color-gray-4);
|
border: 1px solid var(--color-gray-4);
|
||||||
opacity: 0.7;
|
opacity: 0.9;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
opacity: 1;
|
||||||
|
color: var(--color-white);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.file-render {
|
.file-render {
|
||||||
|
|
|
@ -67,7 +67,6 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-bottom: var(--spacing-s);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.media__info-text {
|
.media__info-text {
|
||||||
|
|
|
@ -7,6 +7,7 @@
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
font-size: var(--font-small);
|
font-size: var(--font-small);
|
||||||
height: var(--height-input);
|
height: var(--height-input);
|
||||||
|
max-width: 30rem;
|
||||||
|
|
||||||
> .icon {
|
> .icon {
|
||||||
top: 0;
|
top: 0;
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
$nag-z-index: 9999;
|
$nag-z-index: 997;
|
||||||
$nag-helpful-z-index: 10000;
|
$nag-helpful-z-index: 998;
|
||||||
$nag-error-z-index: 100001;
|
$nag-error-z-index: 999;
|
||||||
|
|
||||||
.nag {
|
.nag {
|
||||||
z-index: $nag-z-index;
|
z-index: $nag-z-index;
|
||||||
|
|
Loading…
Reference in a new issue