diff options
Diffstat (limited to 'client/src/components/BackButton')
-rw-r--r-- | client/src/components/BackButton/BackButton.jsx | 23 | ||||
-rw-r--r-- | client/src/components/BackButton/BackButton.module.css | 20 |
2 files changed, 43 insertions, 0 deletions
diff --git a/client/src/components/BackButton/BackButton.jsx b/client/src/components/BackButton/BackButton.jsx new file mode 100644 index 0000000..c02681b --- /dev/null +++ b/client/src/components/BackButton/BackButton.jsx @@ -0,0 +1,23 @@ +import React from 'react' +import styles from './BackButton.module.css' + +const BackButton = ({ onClick, onChange }) => { + return ( + <> + <button + onClick={onClick} + className={styles.submit} + type="submit" + onChange={onChange} + > + <img + className={styles.submit__image} + src={`${process.env.PUBLIC_URL}/assets/images/next_icon.svg`} + alt="" + /> + </button> + </> + ) +} + +export default BackButton diff --git a/client/src/components/BackButton/BackButton.module.css b/client/src/components/BackButton/BackButton.module.css new file mode 100644 index 0000000..cc9b51c --- /dev/null +++ b/client/src/components/BackButton/BackButton.module.css @@ -0,0 +1,20 @@ +.submit { + position: absolute; + top: 100px; + left: 150px; + background: transparent; + border: none; + border-radius: 50%; + transition: 0.2s all; + cursor: pointer; +} + +.submit:active { + transform: scale(0.98); + box-shadow: 3px 2px 22px 1px var(--color-shadow); +} + +.submit__image { + height: 75px; + width: 75px; +} |