From 5c102c705111a81e4f63510520a1e71c50c36b3b Mon Sep 17 00:00:00 2001
From: Neeraj Sharma <neeraj.sharma@viithiisys.com>
Date: Wed, 28 Aug 2019 12:06:53 +0530
Subject: [PATCH] responsive logo in header

---
 src/components/pageHeader/AppDrawer.vue     |  4 ++--
 src/pages/Authentication/Login.vue          |  5 ++---
 src/pages/Authentication/forgetpassword.vue | 12 +++---------
 static/css/custom.css                       | 29 +++++++++++++++++++++--------
 4 files changed, 28 insertions(+), 22 deletions(-)

diff --git a/src/components/pageHeader/AppDrawer.vue b/src/components/pageHeader/AppDrawer.vue
index e349d1d..95b7485 100644
--- a/src/components/pageHeader/AppDrawer.vue
+++ b/src/components/pageHeader/AppDrawer.vue
@@ -151,8 +151,8 @@ export default {
     font-size: 14px;
 }
 .imgLogo{
-  height: 22px;
-  width:  20px;;
+  height: 32px;
+  width:  120px;;
 }
 }
 </style>
diff --git a/src/pages/Authentication/Login.vue b/src/pages/Authentication/Login.vue
index ddd75d2..74fde57 100644
--- a/src/pages/Authentication/Login.vue
+++ b/src/pages/Authentication/Login.vue
@@ -173,10 +173,9 @@ a {
   margin-left:18px;
 }  
 img{
-top: 21px;
 left: 10px;
-height: 24px;
-width: 33px;
+height: 34px;
+width: 120px;
 }
 .logoSchool{
 font-size: 18px;
diff --git a/src/pages/Authentication/forgetpassword.vue b/src/pages/Authentication/forgetpassword.vue
index c84c862..56626ae 100644
--- a/src/pages/Authentication/forgetpassword.vue
+++ b/src/pages/Authentication/forgetpassword.vue
@@ -246,9 +246,9 @@ export default {
     z-index: 0;
   }
 img{
-position:absolute;
-top:13px;
-left:8px;
+    position:absolute;
+    top:13px;
+    left:8px;
 }
 .v-btn--large {
     padding: 0px 74px;
@@ -269,12 +269,6 @@ h5 {
 .theme--light .v-btn, .application .theme--light.v-btn {
     color: white !important;
 }
-img{
-top: 21px;
-left: 10px;
-height: 24px;
-width: 33px;
-}
 .logoSchool{
 font-size: 18px;
 margin-top: 20px !important;
diff --git a/static/css/custom.css b/static/css/custom.css
index f9d7408..10ca51b 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -2,15 +2,19 @@
     text-align: center !important;
     width: 100% !important;
 }
+
 .custom-input-align input {
     text-align: center !important;
 }
+
 .fixcolor {
-    background:linear-gradient(90deg,#f58753 30%,#f15e5f 110%)
+    background: linear-gradient(90deg, #f58753 30%, #f15e5f 110%)
 }
-.fixcolors{
-    background:#39b982 !important; 
+
+.fixcolors {
+    background: #39b982 !important;
 }
+
 .loader {
     width: 100%;
     height: 100%;
@@ -20,10 +24,19 @@
     text-align: center;
     background-color: rgba(0, 0, 0, 0.5);
     z-index: 999;
-  }
-  
-  .loader>div {
+}
+
+.loader>div {
     position: relative;
     top: calc(50% - 16px);
-  }
-  
\ No newline at end of file
+}
+
+@media screen and (max-width: 600px) {
+    img {
+        position: absolute;
+        top: 13px;
+        left: 10px;
+        height: 34px;
+        width: 120px;
+    }
+}
\ No newline at end of file
-- 
2.0.0