From 6db26724b84776762cdec1c78b6311b5a1725707 Mon Sep 17 00:00:00 2001
From: itsAhamkara <38540360+itsAhamkara@users.noreply.github.com>
Date: Fri, 11 May 2018 22:58:11 -0700
Subject: New Header and style

---
 src/App.vue | 35 +++++++++++++++++++++++++++++------
 1 file changed, 29 insertions(+), 6 deletions(-)

(limited to 'src/App.vue')

diff --git a/src/App.vue b/src/App.vue
index 4c0911b..d421c8b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,14 +1,37 @@
 <template>
   <div class="container">
-    <section class="hero">
-      <div class="hero-body">
-        <div class="container">
-          <h1 class="title">Vainglory Broken Talents Fun Statistics</h1>
-          <h2 class="subtitle">Tilting Brawlers since May 2017</h2>
+<section class="hero is-medium is-dark is-bold header">
+  <div class="hero-body">
+    <div class="container">
+      <h1 class="title">
+        Broken Talents
+      </h1>
+      <h2 class="subtitle">
+        Tilting Brawlers since May 2017
+      </h2>
+      <div class="search">
+        <div class="field">
+          <div class="control">
+            <input class="input is-large" type="text" placeholder="Search for a hero">
+          </div>
         </div>
       </div>
-    </section>
+    </div>
+  </div>
+</section>
 
     <router-view></router-view>
   </div>
 </template>
+
+
+<style scoped>
+  .header {
+    text-align: center;
+  }
+
+  .search {
+    width: 500px;
+    margin: 0 auto
+  }
+</style>
-- 
cgit v1.3.1

