oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-11-15 09:44:53 +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); font-size: var(--font-size-base);
color: var(--brand-grey); color: var(--brand-grey);
text-align: center; text-align: center;
margin-bottom: calc(var(--spacer) / 2); margin-bottom: calc(var(--spacer) / 6);
} }
.data { .data {
@ -51,7 +51,8 @@
.weight { .weight {
width: 100%; width: 100%;
margin-top: var(--spacer); text-align: center;
margin-bottom: calc(var(--spacer) / 2);
text-transform: uppercase; text-transform: uppercase;
font-size: var(--font-size-small); font-size: var(--font-size-small);
color: var(--color-secondary); color: var(--color-secondary);
@ -59,5 +60,4 @@
.weight strong { .weight strong {
color: var(--brand-grey); color: var(--brand-grey);
font-size: var(--font-size-base);
} }

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

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