2020-04-10 20:32:12 +02:00
|
|
|
<template>
|
2021-04-11 00:57:47 +02:00
|
|
|
<div class="flex font-sans flex-grow">
|
|
|
|
|
|
|
|
<!-- ******************************** Sidebar ******************************** -->
|
|
|
|
<div class="fixed bg-gray-800 p-6 w-56 left-0 top-0 h-screen border-r border-gray-600 border-solid">
|
|
|
|
<div class="grid gap-2">
|
2021-04-11 01:25:40 +02:00
|
|
|
<v-link href="/" menu="dashboard" icon="loss">Dashboard</v-link>
|
2021-04-11 00:57:47 +02:00
|
|
|
<v-link href="/member" menu="member" icon="user">Mitglieder</v-link>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="flex-grow ml-56 bg-gray-900">
|
|
|
|
<slot></slot>
|
2021-04-10 19:45:11 +02:00
|
|
|
</div>
|
2021-04-11 00:57:47 +02:00
|
|
|
|
2020-04-10 20:32:12 +02:00
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
2021-04-11 00:57:47 +02:00
|
|
|
import VLink from './_VLink.vue';
|
|
|
|
|
2020-04-10 20:32:12 +02:00
|
|
|
export default {
|
2021-04-11 00:57:47 +02:00
|
|
|
components: { VLink }
|
2020-04-10 20:32:12 +02:00
|
|
|
};
|
|
|
|
</script>
|
2021-04-11 00:57:47 +02:00
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
.main-grid {
|
|
|
|
grid-template-columns: min-content 1fr;
|
|
|
|
display: grid;
|
|
|
|
}
|
|
|
|
</style>
|