From 244844b723c7e3f11dd5ec217c60ae48231c273c Mon Sep 17 00:00:00 2001
From: "Andrey V.Kosteltsev" <AKosteltsev@IBS.RU>
Date: Fri, 10 Jun 2022 07:51:39 +0300
Subject: [PATCH 1/2] Set login brand

---
 src/layouts/LoginLayout.vue | 25 +++++++++++++++++++------
 1 file changed, 19 insertions(+), 6 deletions(-)

diff --git a/src/layouts/LoginLayout.vue b/src/layouts/LoginLayout.vue
index cdff204..a26a819 100644
--- a/src/layouts/LoginLayout.vue
+++ b/src/layouts/LoginLayout.vue
@@ -2,10 +2,17 @@
   <main>
     <div class="login-container">
       <div class="login-main">
+        <div class="login-main__logo-vector">
+          <img
+            height="100%"
+            src="@/assets/images/login-main-vector.svg"
+            alt="SILA"
+          />
+        </div>
         <div>
           <div class="login-brand mb-5">
             <img
-              width="90px"
+              width="60%"
               src="@/assets/images/login-company-logo.svg"
               :alt="altLogo"
             />
@@ -22,8 +29,8 @@
         </div>
         <div class="login-aside__logo-bmc">
           <img
-            height="60px"
-            src="@/assets/images/built-on-openbmc-logo.svg"
+            height="32px"
+            src="@/assets/images/login-aside-vector.svg"
             alt="Built on OpenBMC"
           />
         </div>
@@ -50,7 +57,6 @@ export default {
   display: flex;
   flex-direction: column;
   gap: $spacer * 2;
-  max-width: 1400px;
   min-width: 320px;
   min-height: 100vh;
   justify-content: space-around;
@@ -76,6 +82,13 @@ export default {
   }
 }
 
+.login-main__logo-vector {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: $spacer * 3;
+}
+
 .login-form {
   @include media-breakpoint-up('md') {
     max-width: 360px;
@@ -88,11 +101,11 @@ export default {
   justify-content: flex-end;
   gap: $spacer * 1.5;
   margin-right: $spacer * 3;
-  margin-bottom: $spacer;
+  margin-bottom: $spacer * 3;
 
   @include media-breakpoint-up('md') {
     min-height: 100vh;
-    padding-bottom: $spacer;
+    padding-bottom: $spacer * 3;
     flex: 1 1 25%;
     margin-bottom: 0;
   }
-- 
2.35.1