Blame view
api/dashboard/src/containers/Sidebar.vue
1.33 KB
0d8c0f816
initial commit
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 |
<template>
<div id="sidebar-wrapper" class="border-right">
<div class="sidebar-header">
KEA
</div>
<ul class="list-group list-group-flush">
<li>
<router-link :to="{ name: 'panel.dashboard' }">
Dashboard
</router-link>
</li>
<h6 class="text-center pt-3">
Monitor
</h6>
<li>
<router-link :to="{ name: 'panel.components.mltd' }">
MLTD
</router-link>
</li>
<li>
<router-link :to="{ name: 'panel.components.od' }">
OD
</router-link>
</li>
<li>
<router-link :to="{ name: 'panel.components.ceptd' }">
CEPTD
</router-link>
</li>
</ul>
</div>
</template>
<script>
export default {
name: 'Sidebar'
}
</script>
<style scoped>
#sidebar-wrapper {
background: #4876d5;
color: #fff;
transition: all 0.6s cubic-bezier(0.945, 0.020, 0.270, 0.665);
transform-origin: bottom left;
}
.sidebar-header {
padding: 12px;
font-size: 1.35rem;
text-align: center;
}
#sidebar-wrapper ul li a {
padding: 10px;
font-size: 1.1em;
display: block;
}
#sidebar-wrapper ul li a:hover {
color: #5197fa;
background: #fff;
}
#sidebar-wrapper ul a.router-link-exact-active {
color: #fff;
background: #5197fa;
}
</style>
|