Remove border from user messages and color > to improve UI and readability (#9984)

This commit is contained in:
Luna Wang
2025-09-26 15:02:54 -07:00
committed by GitHub
parent 969833e6e3
commit 2aa2ab878b

View File

@@ -20,20 +20,11 @@ export const UserMessage: React.FC<UserMessageProps> = ({ text }) => {
const isSlashCommand = checkIsSlashCommand(text);
const textColor = isSlashCommand ? theme.text.accent : theme.text.secondary;
const borderColor = isSlashCommand ? theme.text.accent : theme.text.secondary;
return (
<Box
borderStyle="round"
borderColor={borderColor}
flexDirection="row"
paddingX={2}
paddingY={0}
marginY={1}
alignSelf="flex-start"
>
<Box flexDirection="row" paddingY={0} marginY={1} alignSelf="flex-start">
<Box width={prefixWidth}>
<Text color={textColor} aria-label={SCREEN_READER_USER_PREFIX}>
<Text color={theme.text.accent} aria-label={SCREEN_READER_USER_PREFIX}>
{prefix}
</Text>
</Box>