From 49be4dfc3d478ad02876c9238c48c513edac1e7c Mon Sep 17 00:00:00 2001 From: rohan09-raj Date: Thu, 28 Jul 2022 17:56:15 +0530 Subject: refactoring folder structure --- client/src/components/SubmitButton/SubmitButton.jsx | 18 ++++++++++++++++++ .../components/SubmitButton/SubmitButton.module.css | 20 ++++++++++++++++++++ 2 files changed, 38 insertions(+) create mode 100644 client/src/components/SubmitButton/SubmitButton.jsx create mode 100644 client/src/components/SubmitButton/SubmitButton.module.css (limited to 'client/src/components/SubmitButton') 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 ( + <> + + + ) +} + +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; +} -- cgit