dmitry.galkin/chatbot-template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: small ui nits (#1178)

Browse source
This commit is contained in:
josh 2025-09-09 22:19:34 +01:00 • committed by GitHub
parent 848205f5cb
commit eae41c635d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
13 changed files with 50 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

6
components/message.tsx
View file

@ -63,7 +63,7 @@ const PurePreviewMessage = ({
data-role={message.role}
>
<div
className={cn('flex w-full items-start gap-3', {
className={cn('flex w-full items-start gap-2 md:gap-3', {
'justify-end': message.role === 'user' && mode !== 'edit',
'justify-start': message.role === 'assistant',
})}
@ -86,7 +86,7 @@ const PurePreviewMessage = ({
(p) => p.type === 'text' && p.text?.trim(),
)) ||
mode === 'edit',
'max-w-[90%] sm:max-w-[min(fit-content,80%)]':
'max-w-[calc(100%-2.5rem)] sm:max-w-[min(fit-content,80%)]':
message.role === 'user' && mode !== 'edit',
})}
>
@ -317,7 +317,7 @@ export const ThinkingMessage = () => {
</div>
<div className="flex w-full flex-col gap-2 md:gap-4">
<div className="p-0 text-sm text-muted-foreground">
<div className='p-0 text-muted-foreground text-sm'>
<LoadingText>Thinking...</LoadingText>
</div>
</div>