feat: align tabs
This commit is contained in:
@@ -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' }}>
|
||||||
|
|||||||
Reference in New Issue
Block a user