lkzwieder/botino
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styling and create customer woo bug handled

Browse Source
This commit is contained in:
Lucas Tettamanti
2026-01-05 10:58:54 -03:00
parent 4de68dc996
commit 829823ac3d
7 changed files with 141 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
public/components/chat-simulator.js
View File

@@ -16,9 +16,10 @@ class ChatSimulator extends HTMLElement {
button { cursor:pointer; }
button.primary { background:#1f6feb; border-color:#1f6feb; }
.chatlog { display:flex; flex-direction:column; gap:8px; max-height:280px; overflow:auto; padding-right:6px; margin-top:8px; }
.msg { max-width:90%; padding:8px 10px; border-radius:12px; border:1px solid #253245; background:#0f1520; font-size:13px; }
.msg.user { align-self:flex-end; }
.msg.bot { align-self:flex-start; border-color:#1f6feb; }
/* WhatsApp-ish dark theme bubbles */
.msg { max-width:90%; padding:8px 10px; border-radius:14px; border:1px solid #253245; font-size:13px; line-height:1.35; white-space:pre-wrap; word-break:break-word; box-shadow: 0 1px 0 rgba(0,0,0,.35); }
.msg.user { align-self:flex-end; background:#0f2a1a; border-color:#1f6f43; color:#e7eef7; }
.msg.bot { align-self:flex-start; background:#111b2a; border-color:#2a3a55; color:#e7eef7; }
pre { white-space:pre-wrap; word-break:break-word; background:#0f1520; border:1px solid #253245; border-radius:10px; padding:10px; margin:0; font-size:12px; color:#d7e2ef; }
</style>