Mike Tasset
23 lines
560 B
Vue
23 lines
560 B
Vue
<template>
|
|
<div class="overflow-hidden flex flex-col h-full">
|
|
<div
|
|
class="flex flex-shrink-0 justify-between items-center border-b border-outline-3 h-10 pl-4 pr-2"
|
|
>
|
|
<div class="text-body-xs text-foreground font-medium">
|
|
<span v-if="title" class="truncate">{{ title }}</span>
|
|
<slot name="title"></slot>
|
|
</div>
|
|
<slot name="actions"></slot>
|
|
</div>
|
|
<div class="flex-1 overflow-y-auto">
|
|
<slot />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
defineProps<{
|
|
title?: string
|
|
}>()
|
|
</script>
|