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"
indicatorColor="primary"
orientation="vertical"
sx={{ alignItems: 'flex-start' }}
>
<Tab sx={{
alignItems: 'baseline',
fontSize: 'medium',
}} value="recordings" label="Robots" icon={<AutoAwesome />} iconPosition="start" />
<Tab sx={{
alignItems: 'baseline',
fontSize: 'medium',
}} value="runs" label="Runs" icon={<FormatListBulleted />} iconPosition="start" />
<Tab sx={{
alignItems: 'baseline',
fontSize: 'medium',
}} value="proxy" label="Proxy" icon={<Usb />} iconPosition="start" />
<Tab sx={{
alignItems: 'baseline',
fontSize: 'medium',
}} value="apikey" label="API Key" icon={<VpnKey />} iconPosition="start" />
<Tab
sx={{
justifyContent: 'flex-start',
textAlign: 'left',
fontSize: 'medium',
}}
value="recordings"
label="Robots"
icon={<AutoAwesome />}
iconPosition="start"
/>
<Tab
sx={{
justifyContent: 'flex-start',
textAlign: 'left',
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>
<hr />
<Box sx={{ display: 'flex', flexDirection: 'column', gap: '1rem', textAlign: 'left' }}>