Couple of fixes

Dev-Qwerty · Feb 12, 2020 · 9e0402f · 9e0402f
1 parent 54f8644
commit 9e0402f
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 12 deletions.
diff --git a/client/src/components/Login/LStackBox.vue b/client/src/components/Login/LStackBox.vue
@@ -12,8 +12,8 @@
 
 <style scoped>    
   .box {
-    width: 28%;
-    height: 170px;
+    width: 27%;
+    height: 165px;
     background-color: #000;
     color: #fff;
     opacity: 0.9;
@@ -25,10 +25,11 @@
     padding: 0px;
     border-radius: 10px;
     padding: 20px;
-    border: none;
-    box-shadow: 5px #aaa;
+    border: 1px solid #000;
+    box-shadow: 7px 7px #eeefef;
   }
   .box h4 {
+    font-size: 23px;
     color: #fff;
     margin-bottom: 2px;
   }
@@ -37,7 +38,7 @@
     font-size: 14px;
   }
   .wrapper {
-    width: 60%;
+    width: 55%;
     margin: 0px;
     padding-left: 0px;
     padding-right: 5px;
@@ -47,7 +48,7 @@
   }
   .col {
     margin-right: 15px;
-    height: 25px;
+    height: 28px;
     background-blend-mode: overlay;
     background-repeat: no-repeat;
     background-position: center;

diff --git a/client/src/components/Login/Lbox.vue b/client/src/components/Login/Lbox.vue
@@ -8,7 +8,7 @@
         <input class="input-box" type="Password" name="password" placeholder="PASSWORD">
       </div>
       <div>
-        <label class="clr">Keep me signed in</label>
+        <label>Keep me signed in</label>
         <input type="checkbox" name="check1" value="">
       </div>
       <div>
@@ -21,7 +21,7 @@
 
 <style scoped>    
   .box {
-    width: 34%;
+    width: 33%;
     height: 65%;
     background-color: #fff;
     top: 63%;
@@ -35,7 +35,7 @@
     padding-right: 50px;
     border-radius: 10px;
     border: none;
-    box-shadow: 2px 2px #aaa
+    box-shadow: 3px 3px #ceced1
   }
   input[type="submit"] {
     width: 100%;
@@ -44,18 +44,23 @@
     color: #fff;
     height: 40px;
     opacity: 0.9;
+    border-radius: 3px;
+    box-shadow: 5px 5px #eeefef;
+    font-size: 19px;
   }
   .input-box {
+    font-size: 14px;
     width: 100%;
-    padding-left: 10px;
+    padding-left: 15px;
     margin-top: 30px;
     height: 50px;
-    border: 1px solid #aaa;
+    border: 1px solid #dedee0;
+    box-shadow: 4px 4px #eeefef;
   }
   .box label {
+    font-size: 14px;
     padding-top: 15px;
     padding-right: 12px;
     padding-bottom: 15px;
   }
-  
 </style>