feat: wrap limit title text

This commit is contained in:
Rohit
2025-05-01 02:43:39 +05:30
parent 60176fe4fd
commit 9be90570f2

View File

@@ -621,7 +621,15 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
{showLimitOptions && ( {showLimitOptions && (
<FormControl> <FormControl>
<FormLabel> <FormLabel>
<h4>{t('right_panel.limit.title')}</h4> <Typography variant="h6" sx={{
fontSize: '16px',
fontWeight: 'bold',
mb: 1,
whiteSpace: 'normal',
wordBreak: 'break-word'
}}>
{t('right_panel.limit.title')}
</Typography>
</FormLabel> </FormLabel>
<RadioGroup <RadioGroup
value={limitType} value={limitType}
@@ -629,7 +637,7 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
sx={{ sx={{
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
width: '500px' width: '100%',
}} }}
> >
<FormControlLabel value="10" control={<Radio />} label="10" /> <FormControlLabel value="10" control={<Radio />} label="10" />