summaryrefslogtreecommitdiff
path: root/src/components
diff options
context:
space:
mode:
Diffstat (limited to 'src/components')
-rw-r--r--src/components/Card/Card.jsx13
-rw-r--r--src/components/Card/Card.module.css26
-rw-r--r--src/components/Card/CardScanner.jsx16
-rw-r--r--src/components/Card/CardScanner.module.css26
-rw-r--r--src/components/Header/Header.jsx13
-rw-r--r--src/components/Header/Header.module.css20
-rw-r--r--src/components/Input/Input.jsx22
-rw-r--r--src/components/Input/Input.module.css19
-rw-r--r--src/components/LabelCard/LabelCard.jsx23
-rw-r--r--src/components/LabelCard/LabelCard.module.css19
-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
14 files changed, 0 insertions, 235 deletions
diff --git a/src/components/Card/Card.jsx b/src/components/Card/Card.jsx
deleted file mode 100644
index 3d66067..0000000
--- a/src/components/Card/Card.jsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from 'react'
-import styles from './Card.module.css'
-
-const Card = ({ title, image }) => {
- return (
- <div className={styles.card}>
- <img className={styles.card__image} src={image} alt="" />
- <h2 className={styles.card__title}>{title}</h2>
- </div>
- )
-}
-
-export default Card
diff --git a/src/components/Card/Card.module.css b/src/components/Card/Card.module.css
deleted file mode 100644
index e351fd5..0000000
--- a/src/components/Card/Card.module.css
+++ /dev/null
@@ -1,26 +0,0 @@
-@import '../../styles/GlobalVariables.css';
-
-.card {
- height: 300px;
- width: 300px;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- border: 3px solid var(--color-black);
- border-radius: 10px;
- margin: 30px;
- transition: 0.2s all;
- cursor: pointer;
- color: var(--color-black);
- text-decoration-line: none;
-}
-
-.card:active {
- transform: scale(0.98);
- box-shadow: 3px 2px 22px 1px var(--color-shadow);
-}
-
-.card__title {
- margin: 15px 0px;
-}
diff --git a/src/components/Card/CardScanner.jsx b/src/components/Card/CardScanner.jsx
deleted file mode 100644
index 29caf39..0000000
--- a/src/components/Card/CardScanner.jsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react'
-import styles from './CardScanner.module.css'
-import SubmitButton from '../SubmitButton/SubmitButton'
-
-const CardScanner = ({ title, image }) => {
- return (
- <>
- <div className={styles.card}>
- <img className={styles.card__image} src={image} alt="" />
- </div>
- <SubmitButton />
- </>
- )
-}
-
-export default CardScanner
diff --git a/src/components/Card/CardScanner.module.css b/src/components/Card/CardScanner.module.css
deleted file mode 100644
index af237e2..0000000
--- a/src/components/Card/CardScanner.module.css
+++ /dev/null
@@ -1,26 +0,0 @@
-@import '../../styles/GlobalVariables.css';
-
-.card {
- height: 300px;
- width: 600px;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- border: 3px solid var(--color-black);
- border-radius: 10px;
- margin: 30px;
- transition: 0.2s all;
- cursor: pointer;
- color: var(--color-black);
- text-decoration-line: none;
-}
-
-.card:active {
- transform: scale(0.98);
- box-shadow: 3px 2px 22px 1px var(--color-shadow);
-}
-
-.card__title {
- margin: 15px 0px;
-} \ No newline at end of file
diff --git a/src/components/Header/Header.jsx b/src/components/Header/Header.jsx
deleted file mode 100644
index d90aafe..0000000
--- a/src/components/Header/Header.jsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from 'react'
-import styles from './Header.module.css'
-
-const Header = ({ subheading }) => {
- return (
- <header className={styles.header}>
- <h1 className={styles.header__heading}>AADHAAR</h1>
- <h3 className={styles.header__subheading}>{subheading}</h3>
- </header>
- )
-}
-
-export default Header
diff --git a/src/components/Header/Header.module.css b/src/components/Header/Header.module.css
deleted file mode 100644
index 8e6084f..0000000
--- a/src/components/Header/Header.module.css
+++ /dev/null
@@ -1,20 +0,0 @@
-@import '../../styles/GlobalVariables.css';
-
-.header {
- font-family: 'Fredoka One', cursive;
- display: flex;
- flex-direction: column;
- align-items: center;
- margin: 20px;
- padding: 20px;
-}
-
-.header__heading {
- font-size: var(--font-large);
- font-weight: 400;
-}
-
-.header__subheading {
- font-size: var(--font-medium);
- font-weight: 400;
-}
diff --git a/src/components/Input/Input.jsx b/src/components/Input/Input.jsx
deleted file mode 100644
index ee79f3b..0000000
--- a/src/components/Input/Input.jsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from 'react'
-import styles from './Input.module.css'
-
-const Input = ({ label, id, value, type, name }) => {
- return (
- <div className={styles.input}>
- <div className={styles.input__container}>
- <label htmlFor={id}>{label}</label>
- <input
- className={styles.input__field}
- type={type}
- id={id}
- name={name}
- value={value}
- required
- />
- </div>
- </div>
- )
-}
-
-export default Input
diff --git a/src/components/Input/Input.module.css b/src/components/Input/Input.module.css
deleted file mode 100644
index cafb5f1..0000000
--- a/src/components/Input/Input.module.css
+++ /dev/null
@@ -1,19 +0,0 @@
-.input {
- display: flex;
- justify-content: center;
- font-family: 'Barlow';
- font-size: var(--font-medium-s);
-}
-
-.input__container {
- display: flex;
- flex-direction: column;
-}
-
-.input__field {
- width: 300px;
- margin: 10px 0px;
- padding: 20px 10px;
- border: 3px solid;
- border-radius: 10px;
-}
diff --git a/src/components/LabelCard/LabelCard.jsx b/src/components/LabelCard/LabelCard.jsx
deleted file mode 100644
index be02f01..0000000
--- a/src/components/LabelCard/LabelCard.jsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import React from 'react'
-import styles from './LabelCard.module.css'
-
-const LabelCard = ({ id, name, value, title, image }) => {
- return (
- <div className={styles.labelcard}>
- <label htmlFor={id} className={styles.card}>
- <img className={styles.card__image} src={image} alt="" />
- <h4 className={styles.card__title}>{title}</h4>
- </label>
- <input
- className={styles.labelcard__radio}
- type="radio"
- id={id}
- name={name}
- value={value}
- required
- />
- </div>
- )
-}
-
-export default LabelCard
diff --git a/src/components/LabelCard/LabelCard.module.css b/src/components/LabelCard/LabelCard.module.css
deleted file mode 100644
index 8511596..0000000
--- a/src/components/LabelCard/LabelCard.module.css
+++ /dev/null
@@ -1,19 +0,0 @@
-.labelcard {
- text-align: center;
-}
-
-.card {
- display: flex;
- flex-direction: column;
- align-items: center;
- margin: 5px;
-}
-
-.card__image {
- border: 3px solid var(--color-black);
- border-radius: 10px;
-}
-
-.card__title {
- margin: 5px 0px;
-}
diff --git a/src/components/RadioSelect/RadioSelect.jsx b/src/components/RadioSelect/RadioSelect.jsx
deleted file mode 100644
index e69de29..0000000
--- a/src/components/RadioSelect/RadioSelect.jsx
+++ /dev/null
diff --git a/src/components/RadioSelect/RadioSelect.module.css b/src/components/RadioSelect/RadioSelect.module.css
deleted file mode 100644
index e69de29..0000000
--- a/src/components/RadioSelect/RadioSelect.module.css
+++ /dev/null
diff --git a/src/components/SubmitButton/SubmitButton.jsx b/src/components/SubmitButton/SubmitButton.jsx
deleted file mode 100644
index 567d923..0000000
--- a/src/components/SubmitButton/SubmitButton.jsx
+++ /dev/null
@@ -1,18 +0,0 @@
-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
deleted file mode 100644
index bb1b015..0000000
--- a/src/components/SubmitButton/SubmitButton.module.css
+++ /dev/null
@@ -1,20 +0,0 @@
-.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;
-}