vbv/client/src/components/dashboard/BaseBox.vue

29 lines
602 B
Vue

<script setup lang="ts">
withDefaults(
defineProps<{
detailsLink: string;
slim?: boolean;
}>(),
{
slim: false,
}
);
</script>
<template>
<div :class="['flex h-full flex-col bg-white', slim ? '' : 'space-y-4']">
<h4 class="mb-1 font-bold">
<slot name="title"></slot>
</h4>
<slot name="content"></slot>
<div class="flex-grow"></div>
<div class="pt-0">
<router-link class="underline" :to="detailsLink" data-cy="basebox.detailsLink">
{{ $t("a.Details anschauen") }}
</router-link>
</div>
</div>
</template>
<style scoped></style>