26 lines
1.4 KiB
HTML
26 lines
1.4 KiB
HTML
<div class="flex w-full flex-col gap-4">
|
|
<!-- Recieved -->
|
|
<div class="mr-auto flex max-w-[80%] flex-col gap-2 rounded-r-radius rounded-tl-radius bg-surface-alt p-4 text-on-surface-strong md:max-w-[60%] dark:bg-surface-dark-alt dark:text-on-surface-dark-strong">
|
|
<span class="font-semibold">Penguin UI</span>
|
|
<div class="text-sm text-on-surface dark:text-on-surface-dark">
|
|
Hi there! How can I assist you today?
|
|
</div>
|
|
<span class="ml-auto text-xs">11:32 AM</span>
|
|
</div>
|
|
|
|
<!-- Sent -->
|
|
<div class="ml-auto flex max-w-[80%] flex-col gap-2 rounded-l-radius rounded-tr-radius bg-primary p-4 text-sm text-on-primary md:max-w-[60%] dark:bg-primary-dark dark:text-on-primary-dark">
|
|
I accidentally deleted some important files. Can they be recovered?
|
|
<span class="ml-auto text-xs">11:34 AM</span>
|
|
</div>
|
|
|
|
<!-- Recieved -->
|
|
<div class="mr-auto flex max-w-[80%] flex-col gap-2 rounded-r-radius rounded-tl-radius bg-surface-alt p-4 text-on-surface-strong md:max-w-[60%] dark:bg-surface-dark-alt dark:text-on-surface-dark-strong">
|
|
<span class="font-semibold">Penguin UI</span>
|
|
<div class="text-sm text-on-surface dark:text-on-surface-dark">
|
|
I'm sorry to hear that. Let me guide you through the process to resolve it. Could you please provide your username?
|
|
</div>
|
|
<span class="ml-auto text-xs">11:35 AM</span>
|
|
</div>
|
|
</div>
|