summaryrefslogtreecommitdiff
path: root/src/pages/Enrollment/FormOne
diff options
context:
space:
mode:
authorrohan09-raj <[email protected]>2022-07-28 17:56:15 +0530
committerrohan09-raj <[email protected]>2022-07-28 17:56:15 +0530
commit49be4dfc3d478ad02876c9238c48c513edac1e7c (patch)
treeb79c0bd1c2cb1582df0d03e88e4d03d097e9f0a0 /src/pages/Enrollment/FormOne
parentffefbc1c2a382597c6d9f90977f8c907e26fbe2e (diff)
refactoring folder structure
Diffstat (limited to 'src/pages/Enrollment/FormOne')
-rw-r--r--src/pages/Enrollment/FormOne/FormOne.jsx72
-rw-r--r--src/pages/Enrollment/FormOne/FormOne.module.css46
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;
-}