diff --git a/src/components/ask-for-help-form/ask-for-help-form.styles.scss b/src/components/ask-for-help-form/ask-for-help-form.styles.scss index 84f3e98..96bfe75 100644 --- a/src/components/ask-for-help-form/ask-for-help-form.styles.scss +++ b/src/components/ask-for-help-form/ask-for-help-form.styles.scss @@ -1,7 +1,10 @@ .ask-for-help-form { margin: 1em; display: flex; + border-radius: 10px; flex-direction: column; + align-items: center; + background: linear-gradient(-45deg, rgba(0,0,0,0.22), rgba(255,255,255,0.25)); &-title { font-size: 1.2em; diff --git a/src/components/what-we-do-card/what-we-do-card.style.scss b/src/components/what-we-do-card/what-we-do-card.style.scss index 0441752..fd1f19f 100644 --- a/src/components/what-we-do-card/what-we-do-card.style.scss +++ b/src/components/what-we-do-card/what-we-do-card.style.scss @@ -23,8 +23,8 @@ } } .whatimg { - width: 200px; - height: 200px; + width: 250px; + height: 250px; } @media screen and (max-width: 900px) { diff --git a/src/pages/ask-for-help/ask-for-help.styles.scss b/src/pages/ask-for-help/ask-for-help.styles.scss index f293f86..133ed63 100644 --- a/src/pages/ask-for-help/ask-for-help.styles.scss +++ b/src/pages/ask-for-help/ask-for-help.styles.scss @@ -17,7 +17,7 @@ $small: 900px; display: flex; flex-direction: column; justify-content: center; - align-items: flex-start; + align-items: center!important; @media screen and (max-width: $small) { align-items: center; diff --git a/src/pages/profile/profile.component.jsx b/src/pages/profile/profile.component.jsx index 96dc462..481dcbf 100644 --- a/src/pages/profile/profile.component.jsx +++ b/src/pages/profile/profile.component.jsx @@ -151,432 +151,438 @@ class ProfilePage extends React.Component { src="https://raw.githubusercontent.com/devscollab/pcet-covid-task-force/main/src/assets/account.webp" alt="User Profile" /> - {/* + {/* */} - - - {this.state.firstName}{" "} - {this.state.lastName} - -
-
- {this.state.err} -
-
- {this.state.updatedMsg} -
+ + {this.state.firstName}{" "} + {this.state.lastName} + +
+
+
+ {this.state.err} +
+
+ {this.state.updatedMsg}
- - - - - - - - -
- Personal Details -
- - - - - First Name - - - - - - - - Last Name - - - - + + + + + + + + + +
+ Personal Details +
+ + + + + First Name + + + + + + + + Last Name + + + + + + + Email + + + + + + DOB + + + + + + + Aadhar Number + + + + + + + + Blood Group + + + + + + + + Contact Number + + + + + + + + Emergency Contact Number + + + + + + + Gender + + + + + + +
+ Address +
+ + + + + Current Address + + + + + + + City + + + + + + State + + + + + + + Pin Code + + + + + + + +
+ College Details +
+ + + + College + + + + + + + Designation + + + + + + + Course + + + + + + Year + + + + + + Branch + + + + + + + Division + + + + + + + + Roll Number + + + + + + + +
+ Covid Details +
+ + + + + Had Covid + + + + + + + + {this.state.haCovid ? ( - Email + Start Covid Date - - - - - - DOB - - - - - - Aadhar Number - - - - - - - - Blood Group - - - - - - - - Contact Number - - - - - - - - Emergency Contact Number - - - - - - - - Gender - - - - - - - -
- Address -
- - - - - Current Address - - - - - - - - City - - - - - - - - State - - - - - - - - Pin Code - - - - - - - -
- College Details -
- - - - - College - - - - - - - - Designation - - - - - - - - Course - - - - - - - - Year - - - - - - - - Branch - - - - - - - - Division - - - - - - - - Roll Number - - - - - -
- Covid Details -
- + ) : null} + {this.state.haCovid ? ( - Had Covid + Have you recovered from + Covid? No + - {this.state.haCovid ? ( + ) : null} + {this.state.haCovid ? ( + this.state.isRecovered === true ? ( - Start Covid Date + End Covid Date - ) : null} - {this.state.haCovid ? ( - - - - Have you recovered - from Covid? - - - - - - - - - ) : null} - {this.state.haCovid ? ( - this.state.isRecovered === - true ? ( - - - - End Covid Date - - - - - ) : null - ) : null} + ) : null + ) : null} + + + + Got vaccinated? + + + + + + + + {this.state.isVaccinated === + true ? null : ( - Got vaccinated? + Registered on CoWin No + - {this.state.isVaccinated === - true ? null : ( - - - - Registered on CoWin - - - - - - - - - )} - {this.state.isVaccinated === - true ? ( - - - - Vaccine Type - - - - - ) : null} - {this.state.isVaccinated === - true ? ( - - - - Date Of Dose 1 - - - - - ) : null} - {this.state.isVaccinated === - true ? ( - - - - Date Of Dose 2 - - - - - ) : null} - - - -
- Donation -
- + )} + {this.state.isVaccinated === true ? ( - Willing to Donate Blood? + Vaccine Type - - - + /> + ) : null} + {this.state.isVaccinated === true ? ( - Willing to Donate - Plasma? + Date Of Dose 1 - - - - + /> - - - {/* + ) : null} + {this.state.isVaccinated === true ? ( + + + + Date Of Dose 2 + + + + + ) : null} + + + +
+ Donation +
+ + + + + Willing to Donate Blood? + + + + + + + + + + + Willing to Donate Plasma? + + + + + + + + + + + {/* */} - -
- {this.state.err} -
-
- - -
- - - - - - - - - ); - } + +
+ {this.state.err} +
+
+ + +
+ + + + + + + + + ); } } +} export default withRouter(ProfilePage); diff --git a/src/pages/profile/profile.styles.scss b/src/pages/profile/profile.styles.scss index 96bfd28..305f422 100644 --- a/src/pages/profile/profile.styles.scss +++ b/src/pages/profile/profile.styles.scss @@ -29,8 +29,8 @@ body { margin: 0 0 1rem 0; } .account-settings .user-profile .user-avatar img { - width: 90px; - height: 90px; + width: 110px; + height: 110px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; diff --git a/src/pages/volunteer/volunteer.styles.scss b/src/pages/volunteer/volunteer.styles.scss index 968f6ef..ba4998c 100644 --- a/src/pages/volunteer/volunteer.styles.scss +++ b/src/pages/volunteer/volunteer.styles.scss @@ -19,9 +19,9 @@ display: flex; flex-direction: column; justify-content: flex-start; - align-items: flex-start; + align-items: center; margin: 1em; - + &-title { font-size: 1.2em; margin: 1em;