diff options
| author | HampusM <hampus@hampusmat.com> | 2021-06-03 12:05:43 +0200 |
|---|---|---|
| committer | HampusM <hampus@hampusmat.com> | 2021-06-03 12:05:43 +0200 |
| commit | 0734d4b344f8ff98a00890fa1f3c3995837dea11 (patch) | |
| tree | 00456dbcb76f6525009a2d4b203a2a3f58c5e6a9 /src/frontend/components | |
| parent | 371e3f13e0a046aeca3a2895e4a85f8b51059edf (diff) | |
Created a breadcrumb component & the tree page has a breadcrumb and a better font size
Diffstat (limited to 'src/frontend/components')
| -rw-r--r-- | src/frontend/components/BaseBreadcrumb.vue | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/src/frontend/components/BaseBreadcrumb.vue b/src/frontend/components/BaseBreadcrumb.vue new file mode 100644 index 0000000..df82968 --- /dev/null +++ b/src/frontend/components/BaseBreadcrumb.vue @@ -0,0 +1,33 @@ +<template> + <nav aria-label="breadcrumb"> + <ol class="breadcrumb"> + <li + v-for="(item, index) in items" class="breadcrumb-item" + :key="index"> + <router-link :to="item.path"> + {{ item.name }} + </router-link> + </li> + <li class="breadcrumb-item active" aria-current="page"> + {{ activeItem }} + </li> + </ol> + </nav> +</template> + + +<script> +export default { + name: "BaseBreadcrumb", + props: { + items: { + type: Array, + required: true + }, + activeItem: { + type: String, + required: true + } + } +}; +</script>
\ No newline at end of file |