feat: align tabs

This commit is contained in:
karishmas6
2024-10-28 18:47:17 +05:30
parent 061f3af795
commit 8eeee3a159

View File

@@ -37,23 +37,52 @@ export const MainMenu = ({ value = 'recordings', handleChangeContent }: MainMenu
textColor="primary" textColor="primary"
indicatorColor="primary" indicatorColor="primary"
orientation="vertical" orientation="vertical"
sx={{ alignItems: 'flex-start' }}
> >
<Tab sx={{ <Tab
alignItems: 'baseline', sx={{
fontSize: 'medium', justifyContent: 'flex-start',
}} value="recordings" label="Robots" icon={<AutoAwesome />} iconPosition="start" /> textAlign: 'left',
<Tab sx={{ fontSize: 'medium',
alignItems: 'baseline', }}
fontSize: 'medium', value="recordings"
}} value="runs" label="Runs" icon={<FormatListBulleted />} iconPosition="start" /> label="Robots"
<Tab sx={{ icon={<AutoAwesome />}
alignItems: 'baseline', iconPosition="start"
fontSize: 'medium', />
}} value="proxy" label="Proxy" icon={<Usb />} iconPosition="start" /> <Tab
<Tab sx={{ sx={{
alignItems: 'baseline', justifyContent: 'flex-start',
fontSize: 'medium', textAlign: 'left',
}} value="apikey" label="API Key" icon={<VpnKey />} iconPosition="start" /> fontSize: 'medium',
}}
value="runs"
label="Runs"
icon={<FormatListBulleted />}
iconPosition="start"
/>
<Tab
sx={{
justifyContent: 'flex-start',
textAlign: 'left',
fontSize: 'medium',
}}
value="proxy"
label="Proxy"
icon={<Usb />}
iconPosition="start"
/>
<Tab
sx={{
justifyContent: 'flex-start',
textAlign: 'left',
fontSize: 'medium',
}}
value="apikey"
label="API Key"
icon={<VpnKey />}
iconPosition="start"
/>
</Tabs> </Tabs>
<hr /> <hr />
<Box sx={{ display: 'flex', flexDirection: 'column', gap: '1rem', textAlign: 'left' }}> <Box sx={{ display: 'flex', flexDirection: 'column', gap: '1rem', textAlign: 'left' }}>