andrewwallacespeckle
9f4b0c99da
* Fixing up "Manage Project" & "New Project" Dialogs * Dialog Updates * Updates from tickets * Remove sidepanel * Remove max-height prop from Dialog component * Updates to Profile Dialog * Props for Buttons in Dialog. Attachment Dialog * Remove margin to show issue with dialogs * Update to stories * Responsive updates * Fix overflow on MoveTo * Use Dialog header prop * Dialog updates * Responsive Changes * Responsive fixes * Small responsive change * Fixes * Type based declaration * Last fixes * Small darkmode fixes * Updated type * Update * Updates from PR comments * Fix storybook issues * Updates from PR * Updates from PR * Changes from Agi * Turntable mode Toggle * Fix dialog shadows on scroll * Fix invite autocomplete * Changes from PR Comments * Small styling updates * Responsive views * Adjust Danger zones * Fix typo * New Webhook Icon. Swap icon prop to slot. * Adjust Icon weights * FE2-TASK-27 * FE2-TASK-26 * FE2-TASK-28
39 lines
787 B
Vue
39 lines
787 B
Vue
<template>
|
|
<div class="flex flex-col gap-4">
|
|
<div class="flex flex-col md:flex-row gap-3 md:gap-0 justify-between">
|
|
<h1 class="text-2xl font-bold">{{ title }}</h1>
|
|
<div class="flex flex-wrap gap-2">
|
|
<FormButton
|
|
v-for="(button, index) in buttons"
|
|
:key="index"
|
|
v-bind="button.props"
|
|
class="shrink-0 whitespace-nowrap"
|
|
>
|
|
{{ button.label }}
|
|
</FormButton>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm max-w-5xl">
|
|
<slot></slot>
|
|
</p>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
interface Button {
|
|
label: string
|
|
props: Record<string, unknown>
|
|
}
|
|
|
|
withDefaults(
|
|
defineProps<{
|
|
title: string
|
|
text?: string
|
|
buttons?: Button[]
|
|
}>(),
|
|
{
|
|
buttons: () => []
|
|
}
|
|
)
|
|
</script>
|