diff --git a/src/components/atoms/Logo.tsx b/src/components/atoms/Logo.tsx index 4921bccdf..3775624f1 100644 --- a/src/components/atoms/Logo.tsx +++ b/src/components/atoms/Logo.tsx @@ -1,7 +1,16 @@ import React, { ReactElement } from 'react' -import { ReactComponent as LogoAsset } from '@oceanprotocol/art/logo/logo.svg' +import { ReactComponent as LogoAssetFull } from '@oceanprotocol/art/logo/logo.svg' +import { ReactComponent as LogoAsset } from '../../images/logo.svg' import styles from './Logo.module.css' -export default function Logo(): ReactElement { - return +export default function Logo({ + noWordmark +}: { + noWordmark?: boolean +}): ReactElement { + return noWordmark ? ( + + ) : ( + + ) } diff --git a/src/components/organisms/AssetActions/Pool/Token.module.css b/src/components/organisms/AssetActions/Pool/Token.module.css index 53ab0165e..bb49eb72b 100644 --- a/src/components/organisms/AssetActions/Pool/Token.module.css +++ b/src/components/organisms/AssetActions/Pool/Token.module.css @@ -18,6 +18,7 @@ vertical-align: middle; margin-right: calc(var(--spacer) / 8); margin-top: -0.2rem; + background: var(--background-body); } .icon svg { diff --git a/src/components/organisms/AssetActions/Pool/Token.tsx b/src/components/organisms/AssetActions/Pool/Token.tsx index 6ab23cf68..34e3401b5 100644 --- a/src/components/organisms/AssetActions/Pool/Token.tsx +++ b/src/components/organisms/AssetActions/Pool/Token.tsx @@ -1,7 +1,7 @@ import React, { ReactElement } from 'react' import styles from './Token.module.css' -import { ReactComponent as Logo } from '../../../../images/logo.svg' import PriceUnit from '../../../atoms/Price/PriceUnit' +import Logo from '../../../atoms/Logo' export default function Token({ symbol, @@ -17,7 +17,7 @@ export default function Token({
- +