Skip to content

Commit

Permalink
update column width to be responsive on medium screen
Browse files Browse the repository at this point in the history
  • Loading branch information
erinz2020 committed Sep 11, 2024
1 parent 9456726 commit 9de1bd3
Showing 1 changed file with 14 additions and 6 deletions.
20 changes: 14 additions & 6 deletions frontend/src/pages/Login.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -42,8 +42,9 @@ function LoginPage() {
<Container fluid className="p-0">
<Row className="vh-100">
<Col
md={6}
className="d-none d-md-block bg-image p-0"
lg={5}
md={{ span: 5 }}
className="d-none d-lg-block d-md-block bg-image p-0"
style={{
position: "relative",
}}
Expand Down Expand Up @@ -101,7 +102,7 @@ function LoginPage() {
</div>
</Col>

<Col md={6} className="my-auto">
<Col lg={5} md={{ span: 5, offset: 1 }} className="my-auto">
<div
style={{
width: "100%",
Expand Down Expand Up @@ -146,15 +147,22 @@ function LoginPage() {
<InputGroup>
<Form.Control
autoComplete="current-password"
type={showPassword ? 'text' : 'password'}
type={showPassword ? "text" : "password"}
placeholder="Password"
value={password}
onChange={(e) => {
setPassword(e.target.value);
}}
/>
<InputGroup.Text onClick={togglePasswordVisibility} style={{ cursor: 'pointer' }}>
<i className={showPassword ? 'bi bi-eye-fill' : 'bi bi-eye-slash-fill'}></i>
<InputGroup.Text
onClick={togglePasswordVisibility}
style={{ cursor: "pointer" }}
>
<i
className={
showPassword ? "bi bi-eye-fill" : "bi bi-eye-slash-fill"
}
></i>
</InputGroup.Text>
</InputGroup>
</Form.Group>
Expand Down

0 comments on commit 9de1bd3

Please sign in to comment.