oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-12-02 05:57:29 +01:00
Code Releases Activity

prefix display fixes

Browse Source
This commit is contained in:
Matthias Kretschmann 2020-10-16 09:11:16 +02:00
parent f6b8208906
commit 006eef26e6
Signed by: m
GPG Key ID: 606EEEF3C479A91F
4 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/atoms/Input/InputElement.module.css
View File

@ -189,7 +189,7 @@
align-items: center;
padding-left: calc(var(--spacer) / 4);
padding-right: calc(var(--spacer) / 4);
color: var(--color-secondary);
color: var(--brand-grey);
font-size: var(--font-size-small);
transition: border 0.2s ease-out;
white-space: nowrap;

12
src/components/molecules/FormFields/Price/Dynamic.module.css
View File

@ -11,18 +11,18 @@
.balance {
text-align: center;
font-size: var(--font-size-small);
font-size: var(--font-size-small) !important;
border: 1px solid var(--brand-grey-lighter);
border-right: 0;
margin-right: -3px;
padding: calc(var(--spacer) / 4.5) calc(var(--spacer) / 2);
height: 35px;
padding: calc(var(--spacer) / 3) calc(var(--spacer) / 2)
calc(var(--spacer) / 4.5) calc(var(--spacer) / 2);
border-top-left-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
color: var(--color-secondary);
}
.balance strong {
color: var(--brand-grey);
display: flex;
align-items: center;
}
.title {

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

@ -1,4 +1,5 @@
import { DataTokenOptions, useOcean } from '@oceanprotocol/react'
import PriceUnit from '../../../atoms/Price/PriceUnit'
import React, { ReactElement, useEffect, useState } from 'react'
import { PriceOptionsMarket } from '../../../../@types/MetaData'
import { useSiteMetadata } from '../../../../hooks/useSiteMetadata'
@ -66,9 +67,12 @@ export default function Dynamic({
<aside className={styles.wallet}>
{balance?.ocean && (
<div className={styles.balance}>
OCEAN <strong>{balance.ocean}</strong>
</div>
<PriceUnit
className={styles.balance}
price={balance.ocean}
symbol="OCEAN"
small
/>
)}
<Wallet />
</aside>

1
src/components/organisms/AssetActions/Pool/CoinSelect.module.css
View File

@ -1,6 +1,7 @@
.coinSelect {
composes: select from '../../../atoms/Input/InputElement.module.css';
font-size: var(--font-size-small);
font-weight: var(--font-weight-base);
border: none;
margin-left: -0.5rem;
margin-right: -0.5rem;