Projekt

Obecné

Profil

« Předchozí | Další » 

Revize fe75f113

Přidáno uživatelem Lukáš Moučka před téměř 4 roky(ů)

Re #8480 - Upravit vzhled login formuláře
- add Bootstrap, FontAwesome and style login form

Zobrazit rozdíly:

src/app/login/components/login.component.html
1 
<div class="card-body">
2 
  <form [formGroup]="loginForm" (ngSubmit)="doLogin()">
3 
    <div class="form-group">
4 
      <label for="username">Login</label>
5 
      <input type="text" formControlName="username" class="form-control" id="username" autocomplete="username"/>
1 
<div class="login container">
2 
  <div class="d-flex justify-content-center h-100">
3 
    <div class="card">
4 
      <div class="card-header">
5 
        <h1>SensLog</h1>
6 
        <span>Sign in</span>
7 
      </div>
8 
      <div class="card-body">
9 
        <form>
10 
          <div class="input-group form-group">
11 
            <div class="input-group-prepend">
12 
              <span class="input-group-text"><i class="fas fa-user"></i></span>
13 
            </div>
14 
            <input type="text" class="form-control" placeholder="Username">
15 
          </div>
16 
          <div class="input-group form-group">
17 
            <div class="input-group-prepend">
18 
              <span class="input-group-text"><i class="fas fa-key"></i></span>
19 
            </div>
20 
            <input type="password" class="form-control" placeholder="Password">
21 
          </div>
22 
          <div class="form-group text-center">
23 
            <input type="submit" value="Login" class="btn btn-primary">
24 
          </div>
25 
        </form>
26 
      </div>
6 27 
    </div>
7 
    <div class="form-group">
8 
      <label for="password">Password</label>
9 
      <input type="password" formControlName="password" class="form-control" id="password"
10 
             autocomplete="current-password"/>
11 
    </div>
12 
    <div class="form-group">
13 
      <button class="btn btn-primary">
14 
        Log in
15 
      </button>
16 
    </div>
17 
  </form>
28 
  </div>
18 29 
</div>

Také k dispozici: Unified diff