oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-11-15 01:34:57 +01:00
Code Releases Activity

dynamic price tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2020-09-11 16:39:58 +02:00
parent 4749766cc2
commit 3442c39bd6
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/molecules/FormFields/Price/Coin.module.css
View File

@ -29,7 +29,7 @@
font-size: var(--font-size-base);
color: var(--brand-grey);
text-align: center;
margin-bottom: calc(var(--spacer) / 2);
margin-bottom: calc(var(--spacer) / 6);
}
.data {
@ -51,7 +51,8 @@
.weight {
width: 100%;
margin-top: var(--spacer);
text-align: center;
margin-bottom: calc(var(--spacer) / 2);
text-transform: uppercase;
font-size: var(--font-size-small);
color: var(--color-secondary);
@ -59,5 +60,4 @@
.weight strong {
color: var(--brand-grey);
font-size: var(--font-size-base);
}

12
src/components/molecules/FormFields/Price/Coin.tsx
View File

@ -37,6 +37,10 @@ export default function Coin({
)}
</h4>
<div className={styles.weight}>
Weight <strong>{weight}</strong>
</div>
<div className={styles.data}>
<InputElement
value={value}
@ -46,11 +50,9 @@ export default function Coin({
readOnly={readOnly}
prefix={datatokenOptions?.symbol || 'DT'}
/>
<Conversion price={value} className={stylesIndex.conversion} />
<div className={styles.weight}>
Weight <strong>{weight}</strong>
</div>
{datatokenOptions?.symbol === 'OCEAN' && (
<Conversion price={value} className={stylesIndex.conversion} />
)}
</div>
</div>
)