ソースを参照

add bkg and logo on auth module

IbrahimNour 1 年間 前
コミット
f6800e4f21

+ 8 - 0
src/app/authentication/auth-sign-in/auth-sign-in-theme.scss

@@ -5,6 +5,14 @@
       height: 100%;
       padding: 40px 0;
       background-color: $off-white;
+      background: url("../../../assets/images/auth-back.jpg") no-repeat center
+        center;
+      background-size: cover;
+      position: relative;
+      overflow: hidden;
+      &__logo {
+        padding: 0 3rem;
+      }
     }
 
     .form {

+ 3 - 0
src/app/authentication/auth-sign-in/auth-sign-in.component.html

@@ -1,3 +1,6 @@
 <section class="signIn">
+  <div class="signIn__logo">
+    <img src="../../../assets/images/logo.svg" alt="" title="" />
+  </div>
   <router-outlet></router-outlet>
 </section>

+ 0 - 3
src/app/authentication/auth-sign-in/sign-in/sign-in.component.html

@@ -14,9 +14,6 @@
     <span>Email</span></label
   >
   <input type="email" placeholder="Enter your email address" />
-  <!-- <mat-form-field appearance="outline" class="custom-input">
-    <input type="email" placeholder="Enter your email address" />
-  </mat-form-field> -->
 
   <label class="label mt-1 gap-5" fxLayout="row" fxLayoutAlign="start center">
     <img

BIN
src/assets/images/auth-back.jpg


ファイルの差分が大きいため隠しています
+ 218 - 0
src/assets/images/business_img.svg