feat: wrap limit title text

2025-05-01 02:43:39 +05:30
parent 60176fe4fd
commit 9be90570f2
1 changed files with 10 additions and 2 deletions
--- a/src/components/recorder/RightSidePanel.tsx
+++ b/src/components/recorder/RightSidePanel.tsx
@@ -621,7 +621,15 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
            {showLimitOptions && (
              <FormControl>
                <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>
                <RadioGroup
                  value={limitType}
@@ -629,7 +637,7 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
                  sx={{
                    display: 'flex',
                    flexDirection: 'column',
-                    width: '500px'
+                    width: '100%',
                  }}
                >
                  <FormControlLabel value="10" control={<Radio />} label="10" />