mirror of
https://github.com/lingble/chatwoot.git
synced 2025-11-05 21:48:03 +00:00
a35c3e4c06
# Pull Request Template ## Description Fixes https://linear.app/chatwoot/issue/CW-5806/create-the-story-book-components-for-template-typestext-media-list **Pending** Need to standardize the structure to match the template/campaigns. ## Type of change - [x] New feature (non-breaking change which adds functionality) ## How Has This Been Tested? ### Screenshots <img width="669" height="179" alt="image" src="https://github.com/user-attachments/assets/42efd292-8520-4b05-81ec-8bc526fc12db" /> <img width="646" height="304" alt="image" src="https://github.com/user-attachments/assets/431dd964-006c-4877-a693-dae39b90df4c" /> <img width="646" height="380" alt="image" src="https://github.com/user-attachments/assets/9052e31f-9292-4afb-8897-13931655fa00" /> <img width="646" height="272" alt="image" src="https://github.com/user-attachments/assets/873d2488-e856-4a0d-8579-cc1bcc61cc8e" /> <img width="646" height="490" alt="image" src="https://github.com/user-attachments/assets/14c2aa42-bf27-475f-aa70-fe59c1d00e9b" /> <img width="646" height="281" alt="image" src="https://github.com/user-attachments/assets/1f42408e-03e8-4863-b4c7-715d13d67686" /> ## Checklist: - [x] My code follows the style guidelines of this project - [x] I have performed a self-review of my code - [ ] I have commented on my code, particularly in hard-to-understand areas - [ ] I have made corresponding changes to the documentation - [x] My changes generate no new warnings - [ ] I have added tests that prove my fix is effective or that my feature works - [x] New and existing unit tests pass locally with my changes - [ ] Any dependent changes have been merged and published in downstream modules Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>
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>
|