jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-04-14 07:00:51 -04:00
Code Issues Projects Releases Wiki Activity

feat: remove unique case of col component (#51323)

Browse Source
This commit is contained in:
Muhammed Mustafa
2023-08-22 15:20:30 +03:00
committed by GitHub
parent db6f1801bb
commit f2f1019ed1
2 changed files with 16 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
client/src/pages/update-email.css
View File

@@ -1,3 +1,9 @@
.control-label.email-label {
text-align: left;
.update-email-field {
display: flex;
gap: 1em;
align-items: center;
}
.update-email-field label {
margin-bottom: unset;
}

24
client/src/pages/update-email.tsx
View File

@@ -78,25 +78,17 @@ function UpdateEmail({ isNewEmail, t, updateMyEmail }: UpdateEmailProps) {
<Row>
<form onSubmit={handleSubmit}>
<FormGroup
className='update-email-field'
controlId='emailInput'
validationState={getEmailValidationState()}
>
<Col
className='email-label'
// TODO
componentClass={ControlLabel as unknown}
sm={2}
>
{t('misc.email')}
</Col>
<Col sm={10}>
<FormControl
onChange={onChange}
placeholder='camperbot@example.com'
required={true}
type='email'
/>
</Col>
<ControlLabel>{t('misc.email')}</ControlLabel>
<FormControl
onChange={onChange}
placeholder='camperbot@example.com'
required={true}
type='email'
/>
</FormGroup>
<Button
block={true}