vodorod/parcer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: smaller font size of tabs

Browse Source
This commit is contained in:
amhsirak
2026-01-19 14:13:36 +05:30
parent 20b930caff
commit 5c993d73fe
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/dashboard/MainMenu.tsx
View File

@@ -51,7 +51,7 @@ export const MainMenu = ({ value = 'robots', handleChangeContent }: MainMenuProp
const buttonStyles = { const buttonStyles = {
justifyContent: 'flex-start', justifyContent: 'flex-start',
textAlign: 'left', textAlign: 'left',
fontSize: '17px', fontSize: '15px',
letterSpacing: '0.02857em', letterSpacing: '0.02857em',
padding: '20px 20px 20px 22px', padding: '20px 20px 20px 22px',
minHeight: '48px', minHeight: '48px',
@@ -92,29 +92,29 @@ export const MainMenu = ({ value = 'robots', handleChangeContent }: MainMenuProp
<Tab <Tab
value="robots" value="robots"
label={t('mainmenu.recordings')} label={t('mainmenu.recordings')}
icon={<AutoAwesome />} icon={<AutoAwesome sx={{ fontSize: 20 }} />}
iconPosition="start" iconPosition="start"
disableRipple={true} disableRipple={true}
sx={{ justifyContent: 'flex-start', textAlign: 'left', fontSize: 'medium' }} sx={{ justifyContent: 'flex-start', textAlign: 'left', fontSize: '16px' }}
onClick={handleRobotsClick} /> onClick={handleRobotsClick} />
<Tab value="runs" <Tab value="runs"
label={t('mainmenu.runs')} label={t('mainmenu.runs')}
icon={<PlayArrow />} icon={<PlayArrow sx={{ fontSize: 20 }} />}
iconPosition="start" iconPosition="start"
disableRipple={true} disableRipple={true}
sx={{ justifyContent: 'flex-start', textAlign: 'left', fontSize: 'medium' }} /> sx={{ justifyContent: 'flex-start', textAlign: 'left', fontSize: '16px' }} />
<Tab value="proxy" <Tab value="proxy"
label={t('mainmenu.proxy')} label={t('mainmenu.proxy')}
icon={<Usb />} icon={<Usb sx={{ fontSize: 20 }} />}
iconPosition="start" iconPosition="start"
disableRipple={true} disableRipple={true}
sx={{ justifyContent: 'flex-start', textAlign: 'left', fontSize: 'medium' }} /> sx={{ justifyContent: 'flex-start', textAlign: 'left', fontSize: '16px' }} />
<Tab value="apikey" <Tab value="apikey"
label={t('mainmenu.apikey')} label={t('mainmenu.apikey')}
icon={<VpnKey />} icon={<VpnKey sx={{ fontSize: 20 }}/>}
iconPosition="start" iconPosition="start"
disableRipple={true} disableRipple={true}
sx={{ justifyContent: 'flex-start', textAlign: 'left', fontSize: 'medium' }} /> sx={{ justifyContent: 'flex-start', textAlign: 'left', fontSize: '16px' }} />
</Tabs> </Tabs>
<Divider sx={{ borderColor: theme.palette.mode === 'dark' ? "#080808ff" : "" }} /> <Divider sx={{ borderColor: theme.palette.mode === 'dark' ? "#080808ff" : "" }} />
<Box sx={{ display: 'flex', flexDirection: 'column', textAlign: 'left' }}> <Box sx={{ display: 'flex', flexDirection: 'column', textAlign: 'left' }}>
@@ -162,10 +162,10 @@ export const MainMenu = ({ value = 'robots', handleChangeContent }: MainMenuProp
href='https://app.maxun.dev/' href='https://app.maxun.dev/'
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
sx={buttonStyles} startIcon={<CloudQueue sx={{ fontSize: 20 }} />}> sx={buttonStyles} startIcon={<CloudQueue sx={{ fontSize: 16 }} />}>
Join Maxun Cloud Join Maxun Cloud
</Button> </Button>
<Button onClick={() => setSponsorModalOpen(true)} sx={buttonStyles} startIcon={<Favorite sx={{ fontSize: 20 }} />}> <Button onClick={() => setSponsorModalOpen(true)} sx={buttonStyles} startIcon={<Favorite sx={{ fontSize: 16 }} />}>
Sponsor Us Sponsor Us
</Button> </Button>
</Box> </Box>