33 lines
925 B
Vue
33 lines
925 B
Vue
|
<script setup>
|
||
|
|
import Button from 'dashboard/components-next/button/Button.vue';
|
||
|
|
defineProps({
|
||
|
|
message: {
|
||
|
|
type: Object,
|
||
|
|
required: true,
|
||
|
|
},
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div
|
||
|
|
class="bg-n-alpha-2 divide-y divide-n-strong text-n-slate-12 rounded-xl max-w-80"
|
||
|
|
>
|
||
|
|
<div class="px-3 py-2.5">
|
||
|
|
<img :src="message.image_url" class="max-h-44 rounded-lg w-full" />
|
||
|
|
<div class="pt-2.5 flex flex-col gap-2">
|
||
|
|
<h6 class="font-semibold">{{ message.title }}</h6>
|
||
|
|
<span
|
||
|
|
v-dompurify-html="message.content"
|
||
|
|
class="prose prose-bubble text-sm"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="p-3 flex items-center justify-center">
|
||
|
|
<Button label="Call us to order" link class="hover:!no-underline" />
|
||
|
|
</div>
|
||
|
|
<div class="p-3 flex items-center justify-center">
|
||
|
|
<Button label="Visit our store" link class="hover:!no-underline" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|