23 lines
1.3 KiB
HTML
23 lines
1.3 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 md:max-w-[60%] dark:bg-surface-dark-alt">
|
|
<span class="font-semibold text-on-surface-strong dark:text-on-surface-dark-strong">Penguin UI</span>
|
|
<div class="text-sm text-on-surface dark:text-on-surface-dark">
|
|
Hi there! How can I assist you today?
|
|
</div>
|
|
</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?
|
|
</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 md:max-w-[60%] dark:bg-surface-dark-alt dark:text-on-surface-dark">
|
|
<span class="font-semibold text-on-surface-strong dark:text-on-surface-dark-strong">Penguin UI</span>
|
|
<div class="text-sm">
|
|
I'm sorry to hear that. Let me guide you through the process to resolve it. Could you please provide your username?
|
|
</div>
|
|
</div>
|
|
</div>
|