Changements login + register

src/app/pages/register-form/register-form.component.html

@@ -1,22 +1,41 @@
-<ion-card>
-    <ion-card-header>
-        <ion-card-title>Inscrivez-vous à Knots !</ion-card-title><br>
-        <ion-card-subtitle>Commencez à nouer des liens !</ion-card-subtitle><br>
-    </ion-card-header>
+<ion-content [fullscreen]="true" class="bg">
 
-    <ion-card-content>
-        Nom d'utilisateur
-        <br>
-        <input type="text">
-        <br><br>
-        Mot de Passe
-        <br>
-        <input type="password" id="password">
-        <br><br>
-        Confirmez votre mot de passe
-        <br>
-        <input type="password" id="confirmPassword">
-    </ion-card-content><br>
+    <div class="container">
 
-    <ion-button fill="clear">Créer son compte</ion-button>
-</ion-card>
+        <div class="logo-box">
+            <img src="assets/icon/logo.png" alt="logo">
+        </div>
+
+        <h1>Knots</h1>
+
+        <div class="card">
+
+            <h3>Inscrivez-vous à Knots !</h3>
+            <p class="subtitle">Commencez à nouer des liens !</p>
+
+            <ion-item lines="none" class="input">
+                <ion-input placeholder="Nom d'utilisateur..."></ion-input>
+            </ion-item>
+
+            <ion-item lines="none" class="input">
+                <ion-input type="password" placeholder="Mot de passe..."></ion-input>
+            </ion-item>
+
+            <ion-item lines="none" class="input">
+                <ion-input type="password" placeholder="Confirmez votre mot de passe..."></ion-input>
+            </ion-item>
+
+            <ion-button expand="block" class="btn">
+                Créer son compte
+            </ion-button>
+
+        </div>
+
+        <div class="signup">
+            Déjà un compte ?<br>
+            <a (click)="goToLogin()" >Connectez-vous ici</a>
+        </div>
+
+    </div>
+
+</ion-content>