devaine/CodeRED-Astra
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style(chat): fixed chat layout + added shadows

Browse source
This commit is contained in:
JK-le-dev 2025-10-18 22:18:18 -05:00
commit 41d0451cce
9 changed files with 116 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

4
web-app/src/components/ui/chat/chat-window.jsx
View file

@ -5,7 +5,7 @@ function MessageBubble({ message }) {
return (
<div className={`flex ${isUser ? "justify-end" : "justify-start"} py-2`}>
<div
className={`max-w-[70%] p-3 rounded-lg ${isUser ? "bg-indigo-600 text-white" : "bg-gray-700 text-slate-100"}`}
className={`p-3 rounded-lg ${isUser ? "bg-indigo-600 text-white" : "bg-gray-700 text-slate-100"}`}
>
<div className="text-sm">{message.content}</div>
</div>
@ -15,7 +15,7 @@ function MessageBubble({ message }) {
export default function ChatWindow({ messages }) {
return (
<div className="flex-1 overflow-auto px-2 pb-16">
<div className="flex-1 overflow-auto px-2 pb-20">
<div className="">
{messages.map((m, i) => (
<MessageBubble key={i} message={m} />