48 lines
No EOL
1.6 KiB
Vue
48 lines
No EOL
1.6 KiB
Vue
<template>
|
|
<nav id="sidebar" class="sidebar">
|
|
<div class="sidebar-content">
|
|
<router-link to="/" class="sidebar-brand">
|
|
<img src="/src/assets/icons/toolshed-48x48.png" alt="Toolshed Logo" class="align-middle logo mr-2 h-75">
|
|
<span class="align-middle">Toolshed</span>
|
|
</router-link>
|
|
<ul class="sidebar-nav">
|
|
<li class="sidebar-header">
|
|
Tools & Components
|
|
</li>
|
|
<li class="sidebar-item">
|
|
<router-link to="/inventory" class="sidebar-link">
|
|
<b-icon-archive class="bi-valign-middle"></b-icon-archive>
|
|
<span class="align-middle">Inventory</span>
|
|
</router-link>
|
|
</li>
|
|
<li class="sidebar-item">
|
|
<router-link to="/friends" class="sidebar-link">
|
|
<b-icon-people class="bi-valign-middle"></b-icon-people>
|
|
<span class="align-middle">Friends</span>
|
|
</router-link>
|
|
</li>
|
|
<li class="sidebar-item">
|
|
<router-link to="/admin" class="sidebar-link">
|
|
<b-icon-gear class="bi-valign-middle"></b-icon-gear>
|
|
<span class="align-middle">Admin</span>
|
|
</router-link>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</template>
|
|
|
|
<script>
|
|
import * as BIcons from "bootstrap-icons-vue";
|
|
|
|
export default {
|
|
name: "Sidebar",
|
|
components: {
|
|
...BIcons
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style> |