yvachot/PolyNotFound
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

amélioration du style

Browse source
This commit is contained in:
MiharyR 2021-11-01 11:59:20 +01:00
parent 7ebacdc287
commit 4336169d2e
72 changed files with 2172 additions and 529 deletions
Download patch file Download diff file Expand all files Collapse all files

57
src/app/pourLes3Roles/page-connexion/page-connexion.component.html
View file

@ -1,41 +1,40 @@
<div [class]="themeService.getClassTheme()">
<div class="myContainer">
<div class="bg">
<app-nav-bar pour="3roles"></app-nav-bar>
<div class="boite">
<h1> Connexion </h1>
<app-nav-bar pour="login"></app-nav-bar>
<div class="wrapper fadeInDown">
<div id="formContent">
<!-- Icon -->
<div class="fadeIn first">
<h1 style="font-family: cursive; font-size: 45px; margin-top: 60px; margin-bottom: 20px">StreamNotFound</h1>
<img src="assets/logo.png" id="icon" alt="User Icon" style="margin-top: 20px"/>
</div>
<!-- Login Form -->
<form>
<input [(ngModel)]="pseudo" type="text" id="login" class="fadeIn second" name="login" placeholder="Login">
<input [(ngModel)]="password" type="password" id="password" class="fadeIn third" name="login" placeholder="Mot de passe">
<!-- Message d'erreur -->
<div *ngIf="hasError" style="text-align: center; margin-bottom: 20px;">
<span class="mat-error"> {{errorMessage}} </span>
</div>
<input type="submit" class="fadeIn fourth" value="Se connecter" (click)="onSeConnecter()">
</form>
<!-- Oubli mot de passe -->
<div id="formFooter">
<a class="underlineHover" href="https://disney.fandom.com/fr/wiki/Tristesse">J'ai oublié mon mot de passe</a>
</div>
<!-- Email -->
<div class="row">
<div class="col-4 label"> Email: &nbsp; </div>
<div class="col-8 champ">
<input type="text" [(ngModel)]="email">
</div>
</div>
<!-- Mot de passe -->
<div class="row">
<div class="col-4 label"> Mot de passe: &nbsp; </div>
<div class="col-8 champ">
<input type="text" [(ngModel)]="password">
</div>
</div>
<!-- Boutons -->
<div class="row">
<div class="col-6">
<button (click)="onSeConnecter()"> Se connecter </button>
</div>
<div class="col-6" style="text-align: right">
<button routerLink="/register"> S'inscrire </button>
</div>
</div>
<!-- Mot de passe oublié -->
<div style="text-align: right">
<a class="lien" href="https://pixar.fandom.com/wiki/Sadness"> Mot de passe oublié ? </a>
</div>
</div>
</div>
</div>