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

Changing brand-white to currentColor

Browse Source
This commit is contained in:
Jamie Hewitt 2022-04-13 14:45:02 +03:00
parent dfdaaee7d8
commit 278f0d4ab9
5 changed files with 13 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/@shared/NetworkName/index.module.css
View File

@ -7,10 +7,11 @@
.icon { .icon {
display: inline-block; display: inline-block;
width: 1.2em;
height: 1.2em;
fill: currentColor;
margin-right: calc(var(--spacer) / 8); margin-right: calc(var(--spacer) / 8);
width: 1em;
height: 1em;
margin-top: -0.25em;
fill: currentColor;
} }
.minimal { .minimal {

2
src/components/Publish/Actions/index.module.css
View File

@ -16,5 +16,5 @@
display: inline-block; display: inline-block;
margin-bottom: -0.1em; margin-bottom: -0.1em;
margin-left: calc(var(--spacer) / 6); margin-left: calc(var(--spacer) / 6);
fill: var(--brand-white); fill: currentColor;
} }

3
src/components/Publish/Actions/index.tsx
View File

@ -85,7 +85,8 @@ export default function Actions({
) : !isSupportedOceanNetwork ? ( ) : !isSupportedOceanNetwork ? (
<Tooltip content={<AvailableNetworks />}> <Tooltip content={<AvailableNetworks />}>
<Button type="submit" style="primary" disabled> <Button type="submit" style="primary" disabled>
Unsupported Network <Info className={styles.infoIcon} /> Unsupported Network
<Info className={styles.infoIcon} />
</Button> </Button>
</Tooltip> </Tooltip>
) : ( ) : (

15
src/components/Publish/Title/index.module.css
View File

@ -6,12 +6,6 @@
color: var(--brand-alert-red); color: var(--brand-alert-red);
margin-left: calc(var(--spacer) / 3); margin-left: calc(var(--spacer) / 3);
} }
.network svg {
width: 1em;
height: 1em;
margin-top: -0.25em;
fill: currentColor;
}
.tooltip { .tooltip {
width: 0.5em; width: 0.5em;
@ -22,12 +16,3 @@
height: 0.5em; height: 0.5em;
fill: var(--brand-alert-red); fill: var(--brand-alert-red);
} }
.errorIcon {
width: 0.85em;
height: 0.85em;
cursor: help;
display: inline-block;
margin-bottom: -0.1em;
margin-left: calc(var(--spacer) / 6);
color: var(--brand-alert-red);
}

19
src/components/Publish/Title/index.tsx
View File

@ -25,19 +25,12 @@ export default function Title({
isSupportedOceanNetwork ? styles.network : styles.wrongNetwork isSupportedOceanNetwork ? styles.network : styles.wrongNetwork
} }
/> />
{isSupportedOceanNetwork ? ( <Tooltip
<Tooltip content={<AvailableNetworks />}
content={<AvailableNetworks />} className={
className={styles.tooltip} isSupportedOceanNetwork ? styles.tooltip : styles.errorIcon
/> }
) : ( />
<Tooltip
content={<AvailableNetworks />}
className={styles.errorTooltip}
>
<Info className={styles.errorIcon} />
</Tooltip>
)}
</> </>
)} )}
</> </>