This commit is contained in:
René Preuß
2023-02-17 20:03:10 +01:00
parent 23eae8b651
commit 6f32d46437
42 changed files with 690 additions and 5387 deletions

View File

@@ -0,0 +1,49 @@
<template>
<nav
class="w-64 bg-white text-black shadow dark:bg-base-700 dark:text-white dark:border-base-900 dark:border-l flex flex-col overflow-y-auto h-screen absolute sm:relative transform -translate-x-full sm:translate-x-0 pt-10 pb-4 px-4 space-y-2">
<span class="font-semibold px-4">
<slot name="title" />
</span>
<div class="flex flex-col gap-2 justify-between flex-1">
<div class="flex flex-col gap-2">
<slot />
</div>
<div>
<bitinflow-second-level-link
class="bg-zinc-100 hover:bg-zinc-200 dark:bg-base-500 dark:hover:bg-base-600"
icon="fa-plus"
>
Create Resource
</bitinflow-second-level-link>
</div>
</div>
</nav>
</template>
<script>
import BitinflowSecondLevelLink from "./BitinflowSecondLevelLink.vue";
export default {
name: "BitinflowSecondLevelMenu",
components: {BitinflowSecondLevelLink},
props: {
items: {
type: Array,
// eslint-disable-next-line vue/require-valid-default-prop
default: [
{name: 'Test', href: 'Test'}
]
}
}
}
</script>
<style scoped>
.nuxt-link-active {
background: #f3f3f3;
}
.dark .nuxt-link-active {
background: #464649;
}
</style>