jketreno/backstory
1
0
Fork 0
Code Issues 12 Actions Releases Activity

Improved ChatBubble white space

Browse Source
This commit is contained in:
James Ketr 2025-04-25 21:58:15 -07:00
parent bdb6bd0747
commit 98b43d298a
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/ChatBubble.tsx
View File

@ -1,5 +1,5 @@
import React from 'react'; import React from 'react';
import { Box, Typography } from '@mui/material'; import { Box } from '@mui/material';
import { useTheme } from '@mui/material/styles'; import { useTheme } from '@mui/material/styles';
import { SxProps, Theme } from '@mui/material'; import { SxProps, Theme } from '@mui/material';
import Accordion from '@mui/material/Accordion'; import Accordion from '@mui/material/Accordion';
@ -24,14 +24,21 @@ function ChatBubble({ role, isFullWidth, children, sx, className, title }: ChatB
const defaultRadius = '16px'; const defaultRadius = '16px';
const defaultStyle = { const defaultStyle = {
padding: theme.spacing(1, 1), padding: theme.spacing(1, 2),
fontSize: '0.875rem', fontSize: '0.875rem',
alignSelf: 'flex-start', // Left-aligned is used by default alignSelf: 'flex-start', // Left-aligned is used by default
maxWidth: '100%', maxWidth: '100%',
minWidth: '80%', minWidth: '80%',
'& > *': { '& > *': {
color: 'inherit', // Children inherit 'color' from parent color: 'inherit', // Children inherit 'color' from parent
overflow: 'hidden',
m: 0,
}, },
'& > :last-child': {
mb: 0,
m: 0,
p: 0,
}
} }
const styles = { const styles = {