chore: responsive improvements

This commit is contained in:
Ibrahima G. Coulibaly
2025-04-09 23:44:22 +01:00
parent 80baf64ad1
commit dbaf482a7e

View File

@@ -241,7 +241,7 @@ export default async function makeTool(
{calcData.presets?.map((preset) => ( {calcData.presets?.map((preset) => (
<Grid item xs={12} key={preset.title}> <Grid item xs={12} key={preset.title}>
<Stack <Stack
direction={'row'} direction={{ xs: 'column', md: 'row' }}
spacing={2} spacing={2}
alignItems={'center'} alignItems={'center'}
justifyContent={'space-between'} justifyContent={'space-between'}
@@ -255,7 +255,7 @@ export default async function makeTool(
'<custom>', '<custom>',
...Object.keys(preset.source.data).sort() ...Object.keys(preset.source.data).sort()
]} ]}
sx={{ width: 300 }} sx={{ width: '80%' }}
onChange={(event, newValue) => { onChange={(event, newValue) => {
handleSelectedPresetChange( handleSelectedPresetChange(
preset.title, preset.title,
@@ -343,7 +343,7 @@ export default async function makeTool(
spacing={2} spacing={2}
alignItems="center" alignItems="center"
> >
<Typography sx={{ minWidth: 120 }}> <Typography sx={{ minWidth: '8%' }}>
{alt.title} {alt.title}
</Typography> </Typography>
<Box sx={{ flexGrow: 1 }}> <Box sx={{ flexGrow: 1 }}>