feat: use flex-start

This commit is contained in:
karishmas6
2024-08-26 20:20:08 +05:30
parent 69ac713372
commit 6022063877

View File

@@ -171,22 +171,25 @@ export const InterpretationLog = () => {
</Table>
</TableContainer>
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginTop: '20px' }}>
<FormControl>
<FormLabel>
<h4>What is the maximum number of rows you want to extract?</h4>
</FormLabel>
<RadioGroup row>
<FormControlLabel value="10" control={<Radio />} label="10" />
<FormControlLabel value="100" control={<Radio />} label="100" />
<FormControlLabel value="custom" control={<Radio />} label="Custom" />
</RadioGroup>
</FormControl>
<div>
<h4>Additional Options</h4>
<Button variant="contained" color="primary">Action</Button>
</div>
<div style={{ display: 'flex', alignItems: 'flex-start', gap: '20px' }}>
<FormControl>
<FormLabel>
<h4>What is the maximum number of rows you want to extract?</h4>
</FormLabel>
<RadioGroup row>
<FormControlLabel value="10" control={<Radio />} label="10" />
<FormControlLabel value="100" control={<Radio />} label="100" />
<FormControlLabel value="custom" control={<Radio />} label="Custom" />
</RadioGroup>
</FormControl>
<div>
<h4>Additional Options</h4>
<Button variant="contained" color="primary">
Some Action
</Button>
</div>
</div>
</>
) : null
}