Skip to content

Commit 6497a38

Browse files
mrholekmrholek
committed
refactor: update html structure
1 parent 2827237 commit 6497a38

File tree

3 files changed

+75
-74
lines changed

3 files changed

+75
-74
lines changed

‎src/app/views/login/login.component.html

Lines changed: 35 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -1,45 +1,47 @@
1-
<div class="app flex-row align-items-center">
2-
<div class="container">
3-
<div class="row justify-content-center">
4-
<div class="col-md-8">
5-
<div class="card-group">
6-
<div class="card p-4">
7-
<div class="card-body">
8-
<h1>Login</h1>
9-
<p class="text-muted">Sign In to your account</p>
10-
<div class="input-group mb-3">
11-
<div class="input-group-prepend">
12-
<span class="input-group-text"><i class="icon-user"></i></span>
1+
<div class="app-body">
2+
<main class="main d-flex align-items-center">
3+
<div class="container">
4+
<div class="row">
5+
<div class="col-md-8 mx-auto">
6+
<div class="card-group">
7+
<div class="card p-4">
8+
<div class="card-body">
9+
<h1>Login</h1>
10+
<p class="text-muted">Sign In to your account</p>
11+
<div class="input-group mb-3">
12+
<div class="input-group-prepend">
13+
<span class="input-group-text"><i class="icon-user"></i></span>
14+
</div>
15+
<input type="text" class="form-control" placeholder="Username">
1316
</div>
14-
<input type="text" class="form-control" placeholder="Username">
15-
</div>
16-
<div class="input-group mb-4">
17-
<div class="input-group-prepend">
18-
<span class="input-group-text"><i class="icon-lock"></i></span>
19-
</div>
20-
<input type="password" class="form-control" placeholder="Password">
21-
</div>
22-
<div class="row">
23-
<div class="col-6">
24-
<button type="button" class="btn btn-primary px-4">Login</button>
17+
<div class="input-group mb-4">
18+
<div class="input-group-prepend">
19+
<span class="input-group-text"><i class="icon-lock"></i></span>
20+
</div>
21+
<input type="password" class="form-control" placeholder="Password">
2522
</div>
26-
<div class="col-6 text-right">
27-
<button type="button" class="btn btn-link px-0">Forgot password?</button>
23+
<div class="row">
24+
<div class="col-6">
25+
<button type="button" class="btn btn-primary px-4">Login</button>
26+
</div>
27+
<div class="col-6 text-right">
28+
<button type="button" class="btn btn-link px-0">Forgot password?</button>
29+
</div>
2830
</div>
2931
</div>
3032
</div>
31-
</div>
32-
<div class="card text-white bg-primary py-5 d-md-down-none" style="width:44%">
33-
<div class="card-body text-center">
34-
<div>
35-
<h2>Sign up</h2>
36-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
37-
<button type="button" class="btn btn-primary active mt-3">Register Now!</button>
33+
<div class="card text-white bg-primary py-5 d-md-down-none" style="width:44%">
34+
<div class="card-body text-center">
35+
<div>
36+
<h2>Sign up</h2>
37+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
38+
<button type="button" class="btn btn-primary active mt-3">Register Now!</button>
39+
</div>
3840
</div>
3941
</div>
4042
</div>
4143
</div>
4244
</div>
4345
</div>
44-
</div>
46+
</main>
4547
</div>

‎src/app/views/register/register.component.html

Lines changed: 39 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -1,53 +1,51 @@
1-
<div class="app flex-row align-items-center">
2-
<div class="container">
3-
<div class="row justify-content-center">
4-
<div class="col-md-6">
5-
<div class="card mx-4">
6-
<div class="card-body p-4">
7-
<h1>Register</h1>
8-
<p class="text-muted">Create your account</p>
9-
<div class="input-group mb-3">
10-
<div class="input-group-prepend">
11-
<span class="input-group-text"><i class="icon-user"></i></span>
1+
<div class="app-body">
2+
<main class="main d-flex align-items-center">
3+
<div class="container">
4+
<div class="row">
5+
<div class="col-md-6 mx-auto">
6+
<div class="card mx-4">
7+
<div class="card-body p-4">
8+
<h1>Register</h1>
9+
<p class="text-muted">Create your account</p>
10+
<div class="input-group mb-3">
11+
<div class="input-group-prepend">
12+
<span class="input-group-text"><i class="icon-user"></i></span>
13+
</div>
14+
<input type="text" class="form-control" placeholder="Username">
1215
</div>
13-
<input type="text" class="form-control" placeholder="Username">
14-
</div>
15-
16-
<div class="input-group mb-3">
17-
<div class="input-group-prepend">
18-
<span class="input-group-text">@</span>
16+
<div class="input-group mb-3">
17+
<div class="input-group-prepend">
18+
<span class="input-group-text">@</span>
19+
</div>
20+
<input type="text" class="form-control" placeholder="Email">
1921
</div>
20-
<input type="text" class="form-control" placeholder="Email">
21-
</div>
22-
23-
<div class="input-group mb-3">
24-
<div class="input-group-prepend">
25-
<span class="input-group-text"><i class="icon-lock"></i></span>
22+
<div class="input-group mb-3">
23+
<div class="input-group-prepend">
24+
<span class="input-group-text"><i class="icon-lock"></i></span>
25+
</div>
26+
<input type="password" class="form-control" placeholder="Password">
2627
</div>
27-
<input type="password" class="form-control" placeholder="Password">
28-
</div>
29-
30-
<div class="input-group mb-4">
31-
<div class="input-group-prepend">
32-
<span class="input-group-text"><i class="icon-lock"></i></span>
28+
<div class="input-group mb-4">
29+
<div class="input-group-prepend">
30+
<span class="input-group-text"><i class="icon-lock"></i></span>
31+
</div>
32+
<input type="password" class="form-control" placeholder="Repeat password">
3333
</div>
34-
<input type="password" class="form-control" placeholder="Repeat password">
34+
<button type="button" class="btn btn-block btn-success">Create Account</button>
3535
</div>
36-
37-
<button type="button" class="btn btn-block btn-success">Create Account</button>
38-
</div>
39-
<div class="card-footer p-4">
40-
<div class="row">
41-
<div class="col-6">
42-
<button class="btn btn-block btn-facebook" type="button"><span>facebook</span></button>
43-
</div>
44-
<div class="col-6">
45-
<button class="btn btn-block btn-twitter" type="button"><span>twitter</span></button>
36+
<div class="card-footer p-4">
37+
<div class="row">
38+
<div class="col-6">
39+
<button class="btn btn-block btn-facebook" type="button"><span>facebook</span></button>
40+
</div>
41+
<div class="col-6">
42+
<button class="btn btn-block btn-twitter" type="button"><span>twitter</span></button>
43+
</div>
4644
</div>
4745
</div>
4846
</div>
4947
</div>
5048
</div>
5149
</div>
52-
</div>
50+
</main>
5351
</div>

‎src/app/views/register/register.component.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import { Component } from '@angular/core';
22

33
@Component({
4+
selector: 'app-dashboard',
45
templateUrl: 'register.component.html'
56
})
67
export class RegisterComponent {

0 commit comments

Comments
 (0)