Added bootstrap and navbar component

This commit is contained in:
J-Lennox10
2023-03-06 11:43:14 +00:00
parent f31dea3fac
commit a619fe6297
7 changed files with 108 additions and 89 deletions

View File

@ -1,6 +1,6 @@
<template>
<router-link to="/">Home</router-link>
<router-link to="/insights">Insights</router-link>
<navbar></navbar>
<h1>Insights</h1>
<div v-if="this.insights">
@ -27,6 +27,7 @@
<script>
import {store} from '../store/store'
import navbar from '../components/navbar.vue'
export default {
name: "InsightsPage",
@ -41,6 +42,11 @@ export default {
}
},
components: {
// SidebarPanel
navbar
},
created() {
this.insights = store.insights
this.latestTrain = store.latestTrain
@ -52,4 +58,14 @@ export default {
</script>
<style scoped>
.navbarLink{
font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
font-size: 24px;
}
body{
background-color: rgb(44, 102, 102);
}
</style>