45 lines
1.2 KiB
Vue
45 lines
1.2 KiB
Vue
<template>
|
|
<b-navbar>
|
|
<template #brand>
|
|
<b-navbar-item tag="router-link" :to="{ path: '/' }">
|
|
<img
|
|
src="/img/logo_text.png"
|
|
alt="Lightweight UI components for Vue.js based on Bulma"
|
|
/>
|
|
</b-navbar-item>
|
|
</template>
|
|
<template #start>
|
|
<!--
|
|
<b-navbar-item href="#"> Home </b-navbar-item>
|
|
<b-navbar-item href="#"> Documentation </b-navbar-item>
|
|
<b-navbar-dropdown label="Info">
|
|
<b-navbar-item href="#"> About </b-navbar-item>
|
|
<b-navbar-item href="#"> Contact </b-navbar-item>
|
|
</b-navbar-dropdown>
|
|
-->
|
|
</template>
|
|
|
|
<template #end>
|
|
<b-navbar-item tag="div">
|
|
<div class="buttons">
|
|
<router-link :to="{ name: 'signup' }" class="button is-primary">
|
|
<strong>Konto anlegen</strong>
|
|
</router-link>
|
|
<router-link :to="{ name: 'login' }" class="button is-light"
|
|
>Anmelden</router-link
|
|
>
|
|
</div>
|
|
</b-navbar-item>
|
|
</template>
|
|
</b-navbar>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { Component, Vue } from "vue-property-decorator";
|
|
|
|
@Component
|
|
export default class Navbar extends Vue {}
|
|
</script>
|
|
|
|
<style scoped lang="scss"></style>
|