kihashi/stardew_community_checklist
1
0
Fork 0
mirror of https://github.com/kihashi/stardew_community_checklist.git synced 2025-10-19 08:03:17 +00:00
Code Issues Releases Activity

Fix spacing and layout.

Browse Source
This commit is contained in:
John Cleaver 2018-04-26 22:53:19 -04:00
parent a2587c7e05
commit 222732cf70
1 changed files with 31 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/HeaderBar.vue
View File

@ -1,10 +1,11 @@
<template> <template>
<section class="hero is-info is-bold"> <section class="hero is-info is-bold">
<nav class="navbar"> <nav class="navbar">
<div class="container">
<div class="navbar-brand"> <div class="navbar-brand">
<a class="navbar-item" href="/"> <a class="navbar-item" href="/">
<h1 class="title is-hidden-mobile">Stardew Community Checklist</h1> <h1 class="is-size-3 has-text-weight-semibold is-hidden-mobile">Stardew Community Checklist</h1>
<h1 class="title is-hidden-tablet">SCC</h1> <h1 class="is-size-3 has-text-weight-semibold is-hidden-tablet">SCC</h1>
</a> </a>
<div class="navbar-burger" <div class="navbar-burger"
v-bind:class="{ 'is-active': menu_active }" v-bind:class="{ 'is-active': menu_active }"
@ -18,15 +19,17 @@
<div class="navbar-menu" <div class="navbar-menu"
v-bind:class="{ 'is-active': menu_active }"> v-bind:class="{ 'is-active': menu_active }">
<div class="navbar-end"> <div class="navbar-end">
<router-link v-for="route in this.$router.options.routes" <router-link v-for="route in named_routes"
:key="route.order" :key="route.order"
class="navbar-item" class="navbar-item"
v-bind:class="{ 'is-active': menu_active }" @click.native="menu_active = false"
:to="route"> :to="route">
{{route.name}} {{route.name}}
</router-link> </router-link>
</div> </div>
</div> </div>
</div>
</nav> </nav>
</section> </section>
</template> </template>
@ -38,6 +41,11 @@ export default {
return { return {
menu_active: false menu_active: false
} }
},
computed: {
named_routes: function () {
return this.$router.options.routes.filter(route => route.hasOwnProperty('name'))
}
} }
} }
</script> </script>