style(chat): adjust spacing and margins in chat components

- Reduce gap between elements in BaseChat component from `gap-4` to `gap-2`
- Remove bottom margin from AssistantMessage component for cleaner layout
- Add expo.svg icon to the icons directory for future use
This commit is contained in:
KevIsDev
2025-04-16 13:17:55 +01:00
parent 3ca85875f1
commit cbc22cdbdb
3 changed files with 6 additions and 2 deletions

View File

@@ -104,7 +104,7 @@ export const AssistantMessage = memo(({ content, annotations, messageId, onRewin
<div className="context"></div>
</Popover>
)}
<div className="flex w-full items-center justify-between mb-2">
<div className="flex w-full items-center justify-between">
{usage && (
<div>
Tokens: {usage.totalTokens} (prompt: {usage.promptTokens}, completion: {usage.completionTokens})

View File

@@ -375,7 +375,7 @@ export const BaseChat = React.forwardRef<HTMLDivElement, BaseChatProps>(
/>
)}
<div
className={classNames('flex flex-col gap-4 w-full max-w-chat mx-auto z-prompt mb-6', {
className={classNames('flex flex-col gap-2 w-full max-w-chat mx-auto z-prompt mb-6', {
'sticky bottom-2': chatStarted,
})}
>