diff options
author | rohan09-raj <[email protected]> | 2022-07-28 17:56:15 +0530 |
---|---|---|
committer | rohan09-raj <[email protected]> | 2022-07-28 17:56:15 +0530 |
commit | 49be4dfc3d478ad02876c9238c48c513edac1e7c (patch) | |
tree | b79c0bd1c2cb1582df0d03e88e4d03d097e9f0a0 /src/pages/Enrollment/FormOne | |
parent | ffefbc1c2a382597c6d9f90977f8c907e26fbe2e (diff) |
refactoring folder structure
Diffstat (limited to 'src/pages/Enrollment/FormOne')
-rw-r--r-- | src/pages/Enrollment/FormOne/FormOne.jsx | 72 | ||||
-rw-r--r-- | src/pages/Enrollment/FormOne/FormOne.module.css | 46 |
2 files changed, 0 insertions, 118 deletions
diff --git a/src/pages/Enrollment/FormOne/FormOne.jsx b/src/pages/Enrollment/FormOne/FormOne.jsx deleted file mode 100644 index 4ba274c..0000000 --- a/src/pages/Enrollment/FormOne/FormOne.jsx +++ /dev/null @@ -1,72 +0,0 @@ -import React from 'react' -import Input from '../../../components/Input/Input' -import LabelCard from '../../../components/LabelCard/LabelCard' -import styles from './FormOne.module.css' - -const FormOne = () => { - return ( - <div className={styles.formone}> - <div className={styles.formone__radio}> - <span className={styles.formone__resident}> - <input - type="radio" - id="indian" - name="resident" - value="Indian Resident" - required - /> - <label htmlFor="indian">Indian Resident</label> - </span> - <span className={styles.formone__resident}> - <input - type="radio" - id="indian" - name="resident" - value="Indian Resident" - required - /> - <label htmlFor="indian">Non-Residential Indian</label> - </span> - </div> - - <Input type="text" id="fullName" label="Full Name" value="Full Name" /> - - <div className={styles.formone__gender}> - <LabelCard - id="male" - name="gender" - title="Male" - image={`${process.env.PUBLIC_URL}/assets/images/male.svg`} - /> - <LabelCard - id="female" - name="gender" - value="female" - title="Female" - image={`${process.env.PUBLIC_URL}/assets/images/female.svg`} - /> - <LabelCard - id="trans" - name="gender" - value="trans" - title="Transgender" - image={`${process.env.PUBLIC_URL}/assets/images/trans.svg`} - /> - </div> - - <div className={styles.formone__dob}> - <label htmlFor="dob">Date of Birth</label> - <input - className={styles.formone__dob_input} - type="date" - id="dob" - name="dob" - value="Date of Birth" - required - /> - </div> - </div> - ) -} - -export default FormOne diff --git a/src/pages/Enrollment/FormOne/FormOne.module.css b/src/pages/Enrollment/FormOne/FormOne.module.css deleted file mode 100644 index 35d1e49..0000000 --- a/src/pages/Enrollment/FormOne/FormOne.module.css +++ /dev/null @@ -1,46 +0,0 @@ -.formone { - display: flex; - flex-direction: column; - align-items: center; - font-family: 'Barlow'; - font-size: var(--font-medium-s); -} - -.formone__radio { - display: flex; - align-items: center; -} - -.formone__resident { - display: flex; - align-items: center; - margin: 15px; -} - -.formone__resident input[type='radio'] { - width: 1.5rem; - height: 1.5rem; -} - -.formone__gender { - display: flex; -} - -.formone__dob { - display: flex; - flex-direction: column; -} - -.formone__dob input[type='date']::-webkit-calendar-picker-indicator { - width: 30px; - height: 30px; - margin: 0; -} - -.formone__dob_input { - width: 300px; - margin: 10px 0px; - padding: 11px 10px; - border: 3px solid; - border-radius: 10px; -} |