Merge pull request #322 from amosproj/addLogoToLoginAndPasswordPages

Add logo to login and password pages
amosproj · Jul 26, 2022 · 4bd7389 · 4bd7389
2 parents 6e05991 + 419629d
commit 4bd7389
Show file tree

Hide file tree

Showing 4 changed files with 59 additions and 2 deletions.
diff --git a/...alIdentity-frontend/src/app/pages/change-password-page/change-password-page.component.css b/...alIdentity-frontend/src/app/pages/change-password-page/change-password-page.component.css
@@ -1,9 +1,28 @@
 .change-password-card {
   width: clamp(15rem, 1rem + 40vw, 20rem);
+  min-width: 290px;
 }
 
 .change-password-form {
   padding-top: 0.7rem;
   display: flex;
   flex-direction: column;
 }
+
+.logos {
+  flex-direction: column;
+  display: flex;
+  align-items: center;
+  justify-content: top;
+}
+
+.adorsys_login {
+  margin-bottom: 9%;
+  width: 30%;
+}
+
+.didentity_login {
+  margin-top: 2%;
+  min-width: 290px;
+  width: 70%;
+}
diff --git a/...lIdentity-frontend/src/app/pages/change-password-page/change-password-page.component.html b/...lIdentity-frontend/src/app/pages/change-password-page/change-password-page.component.html
@@ -1,4 +1,13 @@
 <mat-card class="change-password-card">
+  <div class="logos">
+    <img class="didentity_login" src="../../assets/images/DIdentity.png" alt="DIdentity" />
+
+    <img
+      class="adorsys_login"
+      src="../../assets/images/adorsys.png"
+      alt="adorsys"
+    />
+  </div>
   <mat-card-header>
     <mat-card-title class="change-passsword-card-title">
       Change Password

diff --git a/src/digitalIdentity-frontend/src/app/pages/login-page/login-page.component.css b/src/digitalIdentity-frontend/src/app/pages/login-page/login-page.component.css
@@ -1,5 +1,6 @@
 .login-card {
-  width: clamp(15rem, 1rem + 40vw, 20rem);
+  width: clamp(15rem, 1rem + 40vw, 25rem);
+  min-width: 290px;
 }
 
 .login-form {
@@ -16,3 +17,23 @@
   font-size: 0.95rem;
   margin-top: 0.5rem;
 }
+
+.logos {
+  flex-direction: column;
+  display: flex;
+  align-items: center;
+  justify-content: top;
+}
+
+.adorsys_login {
+  margin-bottom: 9%;
+  width:30%;
+}
+
+.didentity_login {
+  margin-top: 2%;
+  min-width: 290px;
+  width: 70%;
+}
+
+
diff --git a/src/digitalIdentity-frontend/src/app/pages/login-page/login-page.component.html b/src/digitalIdentity-frontend/src/app/pages/login-page/login-page.component.html
@@ -1,10 +1,18 @@
 <mat-card class="login-card">
+  <div class="logos">
+    <img class="didentity_login" src="../../assets/images/DIdentity.png" alt="DIdentity" />
+
+    <img
+      class="adorsys_login"
+      src="../../assets/images/adorsys.png"
+      alt="adorsys"
+    />
+  </div>
   <mat-card-header>
     <mat-card-title class="login-card-title">
       Login to your account
     </mat-card-title>
   </mat-card-header>
-
   <mat-divider [inset]="true"></mat-divider>
 
   <mat-card-content class="login-card-content">