summaryrefslogtreecommitdiff
path: root/src/components
diff options
context:
space:
mode:
Diffstat (limited to 'src/components')
-rw-r--r--src/components/Card/Card.module.css2
-rw-r--r--src/components/RadioSelect/RadioSelect.jsx0
-rw-r--r--src/components/RadioSelect/RadioSelect.module.css0
-rw-r--r--src/components/SubmitButton/SubmitButton.jsx18
-rw-r--r--src/components/SubmitButton/SubmitButton.module.css20
5 files changed, 39 insertions, 1 deletions
diff --git a/src/components/Card/Card.module.css b/src/components/Card/Card.module.css
index ff09072..e351fd5 100644
--- a/src/components/Card/Card.module.css
+++ b/src/components/Card/Card.module.css
@@ -18,7 +18,7 @@
.card:active {
transform: scale(0.98);
- box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
+ box-shadow: 3px 2px 22px 1px var(--color-shadow);
}
.card__title {
diff --git a/src/components/RadioSelect/RadioSelect.jsx b/src/components/RadioSelect/RadioSelect.jsx
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/components/RadioSelect/RadioSelect.jsx
diff --git a/src/components/RadioSelect/RadioSelect.module.css b/src/components/RadioSelect/RadioSelect.module.css
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/components/RadioSelect/RadioSelect.module.css
diff --git a/src/components/SubmitButton/SubmitButton.jsx b/src/components/SubmitButton/SubmitButton.jsx
new file mode 100644
index 0000000..567d923
--- /dev/null
+++ b/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/src/components/SubmitButton/SubmitButton.module.css b/src/components/SubmitButton/SubmitButton.module.css
new file mode 100644
index 0000000..bb1b015
--- /dev/null
+++ b/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;
+}