diff options
| author | itsAhamkara <38540360+itsAhamkara@users.noreply.github.com> | 2018-05-11 22:58:11 -0700 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2018-12-13 16:59:21 +0100 |
| commit | 6db26724b84776762cdec1c78b6311b5a1725707 (patch) | |
| tree | 59ae844d41978ff5e2404943380a60432454db21 /src/App.vue | |
| parent | 62ba9406282a84fe2649929632bf534093a9d19e (diff) | |
| download | brokentalents-6db26724b84776762cdec1c78b6311b5a1725707.tar.gz brokentalents-6db26724b84776762cdec1c78b6311b5a1725707.zip | |
New Header and style
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> |