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

navigation success style

Browse Source
This commit is contained in:
Matthias Kretschmann 2021-11-02 18:51:25 +01:00
parent d67529409c
commit 2007d0c3ca
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Publish/Navigation/index.module.css
View File

@ -63,12 +63,15 @@
display: none;
}
.current {
font-weight: var(--font-weight-bold);
}
.current:before {
.current::before {
color: var(--brand-white);
background: var(--brand-black);
border-color: transparent;
}
.navigation .success::before {
content: '✓';
color: var(--brand-white);
background: var(--brand-alert-green);
border-color: transparent;
}

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

@ -1,5 +1,5 @@
import { FormikContextType, useFormikContext } from 'formik'
import React, { FormEvent, ReactElement } from 'react'
import React, { ReactElement } from 'react'
import { FormPublishData } from '../_types'
import { wizardSteps } from '../_constants'
import styles from './index.module.css'
@ -19,6 +19,7 @@ export default function Navigation(): ReactElement {
<li
key={step.title}
onClick={() => handleStepClick(step.step)}
// TODO: add success class
className={values.step === step.step ? styles.current : null}
>
{step.title}