From 838cb237af907da87436e504a0fdf1d3f18f27a0 Mon Sep 17 00:00:00 2001
From: rubikscraft <contact@rubikscraft.nl>
Date: Sun, 4 Sep 2022 15:08:25 +0200
Subject: [PATCH] add logo to login and register screen

---
 frontend/src/app/components/header/header.component.html | 3 ++-
 frontend/src/app/routes/user/login/login.component.html  | 9 ++++++++-
 frontend/src/app/routes/user/login/login.component.scss  | 6 ++++++
 .../src/app/routes/user/register/register.component.html | 9 ++++++++-
 .../src/app/routes/user/register/register.component.scss | 6 ++++++
 5 files changed, 30 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/components/header/header.component.html b/frontend/src/app/components/header/header.component.html
index 9640bf0..df89143 100644
--- a/frontend/src/app/components/header/header.component.html
+++ b/frontend/src/app/components/header/header.component.html
@@ -10,12 +10,13 @@
 
   <a [routerLink]="['/']" class="logo text-link">
     <div class="svg-logo">
-      <img src="/assets/branding/logo/picsur.svg" alt="Picsur" />
+      <img src="/assets/branding/logo/picsur.svg" alt="Picsur Icon Logo" />
     </div>
     <div class="svg-logo-text">
       <img
         src="/assets/branding/text/picsur_light.svg"
         class="ms-3 d-none d-sm-block"
+        alt="Picsur Text Logo"
       />
     </div>
   </a>
diff --git a/frontend/src/app/routes/user/login/login.component.html b/frontend/src/app/routes/user/login/login.component.html
index 4e6f562..bf1a5d7 100644
--- a/frontend/src/app/routes/user/login/login.component.html
+++ b/frontend/src/app/routes/user/login/login.component.html
@@ -2,7 +2,14 @@
   <div class="container centered">
     <form class="row" (ngSubmit)="onSubmit()">
       <div class="col-12 py-2">
-        <h1>Login</h1>
+        <img
+          src="/assets/branding/text/picsur_light.svg"
+          alt="Picsur Text Logo"
+        />
+      </div>
+
+      <div class="col-12 py-2">
+        <h1>Login to your account</h1>
       </div>
 
       <div class="col-12 py-2">
diff --git a/frontend/src/app/routes/user/login/login.component.scss b/frontend/src/app/routes/user/login/login.component.scss
index 399068f..9659e9e 100644
--- a/frontend/src/app/routes/user/login/login.component.scss
+++ b/frontend/src/app/routes/user/login/login.component.scss
@@ -2,3 +2,9 @@ mat-form-field {
   max-width: 40rem;
   width: inherit;
 }
+
+img {
+  max-width: 30rem;
+  width: 100%;
+  height: auto;
+}
diff --git a/frontend/src/app/routes/user/register/register.component.html b/frontend/src/app/routes/user/register/register.component.html
index 8758a0d..f244018 100644
--- a/frontend/src/app/routes/user/register/register.component.html
+++ b/frontend/src/app/routes/user/register/register.component.html
@@ -2,7 +2,14 @@
   <div class="container centered">
     <form class="row" (ngSubmit)="onSubmit()">
       <div class="col-12 py-2">
-        <h1>Register</h1>
+        <img
+          src="/assets/branding/text/picsur_light.svg"
+          alt="Picsur Text Logo"
+        />
+      </div>
+
+      <div class="col-12 py-2">
+        <h1>Register your new account</h1>
       </div>
 
       <div class="col-12 py-2">
diff --git a/frontend/src/app/routes/user/register/register.component.scss b/frontend/src/app/routes/user/register/register.component.scss
index 399068f..9659e9e 100644
--- a/frontend/src/app/routes/user/register/register.component.scss
+++ b/frontend/src/app/routes/user/register/register.component.scss
@@ -2,3 +2,9 @@ mat-form-field {
   max-width: 40rem;
   width: inherit;
 }
+
+img {
+  max-width: 30rem;
+  width: 100%;
+  height: auto;
+}