wikijs-fork/client/themes/default/components/nav-sidebar.vue

44 lines
1.1 KiB
Vue
Raw Normal View History

2018-09-23 04:14:01 +00:00
<template lang="pug">
div
2020-02-07 19:23:38 +00:00
//- .blue.darken-3.pa-3.d-flex
//- v-btn(depressed, color='blue darken-2', style='min-width:0;', href='/')
//- v-icon(size='20') mdi-home
//- v-btn.ml-3(depressed, color='blue darken-2', style='flex: 1 1 100%;')
//- v-icon(left) mdi-file-tree
//- .body-2.text-none Browse
//- v-divider
v-list.py-2(dense, :class='color', :dark='dark')
template(v-for='item of items')
v-list-item(
v-if='item.kind === `link`'
:href='item.target'
)
2020-02-10 03:55:53 +00:00
v-list-item-avatar(size='24', tile)
v-icon {{ item.icon }}
v-list-item-title {{ item.label }}
v-divider.my-2(v-else-if='item.kind === `divider`')
v-subheader.pl-4(v-else-if='item.kind === `header`') {{ item.label }}
2018-09-23 04:14:01 +00:00
</template>
<script>
export default {
props: {
color: {
type: String,
default: 'primary'
},
dark: {
type: Boolean,
default: true
2019-08-04 17:54:23 +00:00
},
items: {
type: Array,
default: () => []
2018-09-23 04:14:01 +00:00
}
},
data() {
return {}
}
}
</script>