58 lines
1.3 KiB
Vue
58 lines
1.3 KiB
Vue
|
<template>
|
||
|
|
<div id="app">
|
||
|
|
<div id="apiary-navbar">
|
||
|
|
<b-navbar type="dark" variant="dark">
|
||
|
|
<b-navbar-brand href="#">
|
||
|
|
<img
|
||
|
|
alt="logo"
|
||
|
|
src="logo192.png"
|
||
|
|
width="29"
|
||
|
|
height="29"
|
||
|
|
class="d-inline-block align-top"
|
||
|
|
/>
|
||
|
|
apiary.t-juice.club
|
||
|
|
</b-navbar-brand>
|
||
|
|
<b-navbar-nav>
|
||
|
|
<b-nav-item :to="'/'">Home</b-nav-item>
|
||
|
|
<b-nav-item :to="'/stats'">Stats</b-nav-item>
|
||
|
|
<b-nav-item :to="'/attempts'">Attempts</b-nav-item>
|
||
|
|
</b-navbar-nav>
|
||
|
|
</b-navbar>
|
||
|
|
</div>
|
||
|
|
<router-view></router-view>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts">
|
||
|
|
import { Component, Vue } from 'vue-property-decorator';
|
||
|
|
import AttemptList from '@/components/AttemptList.vue';
|
||
|
|
import Stats from '@/components/Stats.vue';
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
components: {
|
||
|
|
AttemptList,
|
||
|
|
Stats,
|
||
|
|
},
|
||
|
|
})
|
||
|
|
export default class App extends Vue {}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss">
|
||
|
|
$font-stack: 'Secular One';
|
||
|
|
#app {
|
||
|
|
font-family: Avenir, Helvetica, Arial, sans-serif;
|
||
|
|
-webkit-font-smoothing: antialiased;
|
||
|
|
-moz-osx-font-smoothing: grayscale;
|
||
|
|
text-align: center;
|
||
|
|
color: #2c3e50;
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar-brand {
|
||
|
|
font-family: 'Secular One', sans-serif;
|
||
|
|
}
|
||
|
|
.navbar-nav a {
|
||
|
|
font-family: 'Rubik';
|
||
|
|
}
|
||
|
|
</style>
|