fix chat bubble direction

This commit is contained in:
Mathew Pareles 2025-01-01 23:08:32 -08:00
parent 4a4677b5e2
commit b9cea4906e
2 changed files with 2 additions and 2 deletions

View file

@ -23,7 +23,7 @@ export const Sidebar = ({ className }: { className: string }) => {
const isDark = useIsDark()
return <div className={`@@void-scope ${isDark ? 'dark' : ''}`} style={{ width: '100%', height: '100%' }}>
<div className={`flex flex-col px-2 py-2 w-full h-full bg-vscode-sidebar-bg`}>
<div className={`flex flex-col py-2 w-full h-full bg-vscode-sidebar-bg`}>
{/* <span onClick={() => {
const tabs = ['chat', 'settings', 'threadSelector']

View file

@ -382,7 +382,7 @@ const ChatBubble = ({ chatMessage, isLoading }: {
chatbubbleContents = <ChatMarkdownRender string={chatMessage.displayContent} /> // sectionsHTML
}
return <div className={`${role === 'user' ? 'text-right' : 'text-left'}`}>
return <div className={`mx-2 flex flex-col ${role === 'user' ? 'items-end' : 'items-start'}`}>
<div className={`text-left p-2 rounded-lg space-y-2 ${role === 'user' ? 'bg-vscode-input-bg text-vscode-input-fg' : ''} max-w-full overflow-auto`}>
{chatbubbleContents}
{isLoading && <IconLoading className='opacity-50 text-sm' />}