diff options
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/Card/Card.jsx | 13 | ||||
-rw-r--r-- | src/components/Card/Card.module.css | 26 | ||||
-rw-r--r-- | src/components/Card/CardScanner.jsx | 16 | ||||
-rw-r--r-- | src/components/Card/CardScanner.module.css | 26 | ||||
-rw-r--r-- | src/components/Header/Header.jsx | 13 | ||||
-rw-r--r-- | src/components/Header/Header.module.css | 20 | ||||
-rw-r--r-- | src/components/Input/Input.jsx | 22 | ||||
-rw-r--r-- | src/components/Input/Input.module.css | 19 | ||||
-rw-r--r-- | src/components/LabelCard/LabelCard.jsx | 23 | ||||
-rw-r--r-- | src/components/LabelCard/LabelCard.module.css | 19 | ||||
-rw-r--r-- | src/components/RadioSelect/RadioSelect.jsx | 0 | ||||
-rw-r--r-- | src/components/RadioSelect/RadioSelect.module.css | 0 | ||||
-rw-r--r-- | src/components/SubmitButton/SubmitButton.jsx | 18 | ||||
-rw-r--r-- | src/components/SubmitButton/SubmitButton.module.css | 20 |
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; -} |