fix(ai-chat): increase bottom margin for typing indicator name
The name label was crowding the bouncing dots when displayed. Adding extra bottom margin (mb={8}) gives the dots room and improves readability. The change only applies when the name is shown.
This commit is contained in:
@@ -36,7 +36,10 @@ export default function TypingIndicator({ assistantName, showName = true }: Typi
|
|||||||
return (
|
return (
|
||||||
<Box className={classes.messageRow}>
|
<Box className={classes.messageRow}>
|
||||||
{showName !== false && (
|
{showName !== false && (
|
||||||
<Text size="xs" c="dimmed" mb={4}>
|
// Extra bottom gap (vs MessageItem's mb={4}) gives the small bouncing
|
||||||
|
// dots room below the name label; without it they crowd the label. Only
|
||||||
|
// applies when the name is shown — the nameless case spaces fine on its own.
|
||||||
|
<Text size="xs" c="dimmed" mb={8}>
|
||||||
{name ?? t("AI agent")}
|
{name ?? t("AI agent")}
|
||||||
</Text>
|
</Text>
|
||||||
)}
|
)}
|
||||||
|
|||||||
Reference in New Issue
Block a user