filipriec/kompress_eshop
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

penguinui is now in the root dir in penguinui-components/

Browse Source
This commit is contained in:
Priec
2026-06-18 10:21:29 +02:00
parent 0a619517b6
commit ee944ed5ce
181 changed files with 7699 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
penguinui-components/chat-bubble/chat-bubble-with-avatar.html Normal file
View File

@@ -0,0 +1,34 @@
<div class="flex w-full flex-col gap-4">
<!-- Recieved -->
<div class="flex items-end gap-2">
<img class="size-8 rounded-full object-cover" src="https://penguinui.s3.amazonaws.com/component-assets/avatar-8.webp" alt="avatar" />
<div class="mr-auto flex max-w-[70%] 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">
Hi there! How can I assist you today?
</div>
<span class="ml-auto text-xs">11:32 AM</span>
</div>
</div>
<!-- Sent -->
<div class="flex items-end gap-2">
<div class="ml-auto flex max-w-[70%] 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>
<span class="flex size-8 items-center justify-center overflow-hidden rounded-full border border-outline bg-surface-alt text-sm font-bold tracking-wider text-on-surface dark:border-outline-dark dark:bg-surface-dark-alt dark:text-on-surface-dark">JS</span>
</div>
<!-- Recieved -->
<div class="flex items-end gap-2">
<img class="size-8 rounded-full object-cover" src="https://penguinui.s3.amazonaws.com/component-assets/avatar-8.webp" alt="avatar" />
<div class="mr-auto flex max-w-[70%] 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>
<span class="ml-auto text-xs">11:32 AM</span>
</div>
</div>
</div>