diff options
Diffstat (limited to 'src/App.vue')
| -rw-r--r-- | src/App.vue | 35 |
1 files changed, 29 insertions, 6 deletions
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> |