mirror of
https://github.com/oceanprotocol/commons.git
synced 2023-03-15 18:03:00 +01:00
price display tweaks
This commit is contained in:
parent
09797aed78
commit
a2b8bd6400
|
@ -32,6 +32,7 @@
|
||||||
h1 {
|
h1 {
|
||||||
font-size: $font-size-large;
|
font-size: $font-size-large;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
|
margin-bottom: $spacer / 4;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -89,7 +90,18 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.assetFooter {
|
.assetFooter {
|
||||||
margin-top: $spacer / 2;
|
margin-top: $spacer;
|
||||||
font-size: $font-size-small;
|
font-size: $font-size-small;
|
||||||
color: $brand-grey-light;
|
color: $brand-grey-light;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.price {
|
||||||
|
font-size: $font-size-mini;
|
||||||
|
|
||||||
|
span {
|
||||||
|
color: $brand-grey;
|
||||||
|
font-size: $font-size-small;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -43,9 +43,7 @@ const AssetTeaser = ({
|
||||||
<CategoryImage dimmed category={base.categories[0]} />
|
<CategoryImage dimmed category={base.categories[0]} />
|
||||||
)}
|
)}
|
||||||
<h1>{base.name}</h1>
|
<h1>{base.name}</h1>
|
||||||
{allowPricing
|
|
||||||
? 'Ọ ' + Web3.utils.fromWei(base.price.toString())
|
|
||||||
: null}
|
|
||||||
{!minimal && (
|
{!minimal && (
|
||||||
<div className={styles.description}>
|
<div className={styles.description}>
|
||||||
<Dotdotdot clamp={3}>{base.description}</Dotdotdot>
|
<Dotdotdot clamp={3}>{base.description}</Dotdotdot>
|
||||||
|
@ -53,6 +51,14 @@ const AssetTeaser = ({
|
||||||
)}
|
)}
|
||||||
<footer className={styles.assetFooter}>
|
<footer className={styles.assetFooter}>
|
||||||
{base.categories && <div>{base.categories[0]}</div>}
|
{base.categories && <div>{base.categories[0]}</div>}
|
||||||
|
{allowPricing && (
|
||||||
|
<div className={styles.price}>
|
||||||
|
<span>
|
||||||
|
{Web3.utils.fromWei(base.price.toString())}
|
||||||
|
</span>{' '}
|
||||||
|
OCEAN
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
</footer>
|
</footer>
|
||||||
</Link>
|
</Link>
|
||||||
</article>
|
</article>
|
||||||
|
|
|
@ -101,14 +101,12 @@ export default class AssetDetails extends PureComponent<AssetDetailsProps> {
|
||||||
<strong>Price</strong>
|
<strong>Price</strong>
|
||||||
</span>
|
</span>
|
||||||
<span className={styles.metaValue}>
|
<span className={styles.metaValue}>
|
||||||
<code>
|
{base.price === '0'
|
||||||
Ọ{' '}
|
? 0
|
||||||
{base.price === '0'
|
: Web3.utils.fromWei(
|
||||||
? 0
|
base.price.toString()
|
||||||
: Web3.utils.fromWei(
|
)}{' '}
|
||||||
base.price.toString()
|
OCEAN
|
||||||
)}
|
|
||||||
</code>
|
|
||||||
</span>
|
</span>
|
||||||
</li>
|
</li>
|
||||||
) : null}
|
) : null}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user