Minor refactor: landing page

Dev-Qwerty · Feb 8, 2020 · 2e437a1 · 2e437a1
1 parent 526031c
commit 2e437a1
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 5 deletions.
diff --git a/src/components/LandingBox.vue b/src/components/LandingBox.vue
@@ -32,14 +32,17 @@
 
   .box h3 {
     color: #000;
-    padding: 0 0 20px;
+    padding-bottom: 0px;
     text-align: center;
     font-weight: bold;
   }
   .box h5 {
     margin: 0;
     color: #000;
-    padding: 0 0 20px;
+    padding-bottom: 0px;
     text-align: center;
   }
+  .input-group {
+    padding-top: 40px;
+  }
 </style>
diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
@@ -23,8 +23,16 @@
       <li class="nav-item">
         <a class="nav-link" href="#">Blog</a>
       </li>
-      <button type="button" class="btn mr-1 btn-dark btn-sm">Login</button>
-      <button type="button" class="btn btn-outline-light text-dark btn-sm">SignUp</button>
+      <li class="nav-item">
+        <button type="button" class="btn btn-light">Login</button>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" href="#"> / </a>
+      </li>
+      <li class="nav-item">
+        <button type="button" class="btn btn-light">SignUp</button>
+      </li>
+
     </ul>
   </nav>
 </template>
@@ -33,5 +41,19 @@
 </script>
 
 <style>
-
+  .nav-link {
+    color: #aaa;
+    font-size: 18px;
+  }
+  .btn {
+    color: #aaa;
+    font-size: 18px;
+  }
+  .navbar {
+    padding-top: 15px;
+    padding-bottom: 15px;
+  }
+  .navbar-brand {
+    font-size: 22px;
+  }
 </style>