tyler.durden
/
dashy
mirror of https://github.com/Lissy93/dashy.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

✨ Adds view-switching links to ws sidebar

This commit is contained in:
Alicia Sykes 2021-08-27 23:35:31 +01:00
parent 42884a03e7
commit 23a5064d3d
1 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/Workspace/SideBar.vue
View File

@ -16,6 +16,14 @@
/>
</transition>
</div>
<div class="switch-view-buttons">
<router-link to="/home">
<IconHome class="view-icon" v-tooltip="$t('alternate-views.default')" />
</router-link>
<router-link to="/minimal">
<IconMinimalView class="view-icon" v-tooltip="$t('alternate-views.minimal')" />
</router-link>
</div>
</nav>
</template>
@ -23,6 +31,8 @@
import SideBarItem from '@/components/Workspace/SideBarItem.vue';
import SideBarSection from '@/components/Workspace/SideBarSection.vue';
import IconHome from '@/assets/interface-icons/application-home.svg';
import IconMinimalView from '@/assets/interface-icons/application-minimal.svg';
export default {
name: 'SideBar',
@ -38,6 +48,8 @@ export default {
components: {
SideBarItem,
SideBarSection,
IconMinimalView,
IconHome,
},
methods: {
/* Toggles the section clicked, and closes all other sections */
@ -87,4 +99,13 @@ nav.side-bar {
transform: translate(0, -80%);
}
.switch-view-buttons {
margin-top: 0.5rem;
display: flex;
@extend .svg-button;
.view-icon {
border: none;
}
}
</style>