Created keret
This commit is contained in:
33
src/components/Navbar.vue
Normal file
33
src/components/Navbar.vue
Normal file
@@ -0,0 +1,33 @@
|
||||
<template>
|
||||
<div id="navbar">
|
||||
<b-navbar toggleable="sm" type="light" variant="light" fixed="top">
|
||||
|
||||
|
||||
<b-navbar-brand>
|
||||
<b-img src="@/assets/logo.png" height="30" class="pr-2"/>
|
||||
<b>BirbController</b>
|
||||
</b-navbar-brand>
|
||||
|
||||
<b-navbar-toggle target="nav-text-collapse"></b-navbar-toggle>
|
||||
|
||||
<b-collapse id="nav-text-collapse" is-nav>
|
||||
<b-navbar-nav>
|
||||
<b-nav-item :to="{ name: 'Home'}">Home</b-nav-item>
|
||||
<b-nav-item :to="{ name: 'Devices'}">Devices</b-nav-item>
|
||||
<b-nav-item :to="{ name: 'About'}">About</b-nav-item>
|
||||
</b-navbar-nav>
|
||||
</b-collapse>
|
||||
|
||||
</b-navbar>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "Navbar"
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user