25 lines
520 B
Vue
25 lines
520 B
Vue
<script setup lang="ts">
|
|
import CalendarSeperator from './CalendarSeperator.vue';
|
|
|
|
defineProps<{
|
|
seperators: Seperator[],
|
|
}>()
|
|
|
|
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex flex-col h-full w-16">
|
|
<div class="flex justify-center items-center h-18 border-b-muted border-b-1">
|
|
</div>
|
|
<div class="calendar-legend relative flex flex-col grow justify-evenly">
|
|
<CalendarSeperator v-for="sep in seperators" :seperator="sep">
|
|
{{ sep.text }}
|
|
</CalendarSeperator>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped></style>
|