diff options
Diffstat (limited to 'client/src/components/SubmitButton')
-rw-r--r-- | client/src/components/SubmitButton/SubmitButton.jsx | 18 | ||||
-rw-r--r-- | client/src/components/SubmitButton/SubmitButton.module.css | 20 |
2 files changed, 38 insertions, 0 deletions
diff --git a/client/src/components/SubmitButton/SubmitButton.jsx b/client/src/components/SubmitButton/SubmitButton.jsx new file mode 100644 index 0000000..567d923 --- /dev/null +++ b/client/src/components/SubmitButton/SubmitButton.jsx @@ -0,0 +1,18 @@ +import React from 'react' +import styles from './SubmitButton.module.css' + +const SubmitButton = ({ onClick }) => { + return ( + <> + <button onClick={onClick} className={styles.submit}> + <img + className={styles.submit__image} + src={`${process.env.PUBLIC_URL}/assets/images/white-check.svg`} + alt="" + /> + </button> + </> + ) +} + +export default SubmitButton diff --git a/client/src/components/SubmitButton/SubmitButton.module.css b/client/src/components/SubmitButton/SubmitButton.module.css new file mode 100644 index 0000000..bb1b015 --- /dev/null +++ b/client/src/components/SubmitButton/SubmitButton.module.css @@ -0,0 +1,20 @@ +.submit { + position: absolute; + bottom: 100px; + right: 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; +} |