Fix navigation tab
This commit is contained in:
+23
-22
@@ -106,28 +106,29 @@ export default function Navigasyon() {
|
|||||||
<Appdiv>
|
<Appdiv>
|
||||||
<div className={classes.root}>
|
<div className={classes.root}>
|
||||||
<AppBar style={{zIndex: 1, boxShadow: 'none'}} position='fixed' color='default'>
|
<AppBar style={{zIndex: 1, boxShadow: 'none'}} position='fixed' color='default'>
|
||||||
<Tabs
|
{selectedTab !== undefined && <Tabs
|
||||||
allowScrollButtonsMobile
|
allowScrollButtonsMobile
|
||||||
scrollButtons
|
scrollButtons
|
||||||
centered={Boolean(!isMobile)}
|
centered={Boolean(!isMobile)}
|
||||||
value={selectedTab}
|
value={selectedTab}
|
||||||
indicatorColor='primary'
|
indicatorColor='primary'
|
||||||
textColor='primary'
|
textColor='primary'
|
||||||
aria-label='tabs menu'
|
aria-label='tabs menu'
|
||||||
variant={isMobile ? 'scrollable' : 'fullWidth'}
|
variant={isMobile ? 'scrollable' : 'fullWidth'}
|
||||||
sx={{
|
sx={{
|
||||||
[`& .${tabsClasses.scrollButtons}`]: {
|
[`& .${tabsClasses.scrollButtons}`]: {
|
||||||
'&.Mui-disabled': {opacity: 0.3},
|
'&.Mui-disabled': {opacity: 0.3},
|
||||||
},
|
},
|
||||||
}}
|
}}
|
||||||
onChange={handleChange}
|
onChange={handleChange}
|
||||||
>
|
>
|
||||||
<Tab icon={<HomeIcon />} aria-label='Accueil' {...a11yProps(0)} />
|
<Tab icon={<HomeIcon />} aria-label='Accueil' {...a11yProps(0)} />
|
||||||
<Tab icon={<VolunteerActivismIcon />} aria-label='Nous soutenir' {...a11yProps(1)} />
|
<Tab icon={<VolunteerActivismIcon />} aria-label='Nous soutenir' {...a11yProps(1)} />
|
||||||
<Tab icon={<MusicNoteIcon />} aria-label='Paroles' {...a11yProps(2)} />
|
<Tab icon={<MusicNoteIcon />} aria-label='Paroles' {...a11yProps(2)} />
|
||||||
<Tab icon={<RecordVoiceOverIcon />} aria-label='Artistes' {...a11yProps(3)} />
|
<Tab icon={<RecordVoiceOverIcon />} aria-label='Artistes' {...a11yProps(3)} />
|
||||||
<Tab icon={<EditNoteIcon />} aria-label='Proposer des paroles' {...a11yProps(4)} />
|
<Tab icon={<EditNoteIcon />} aria-label='Proposer des paroles' {...a11yProps(4)} />
|
||||||
</Tabs>
|
</Tabs>
|
||||||
|
}
|
||||||
</AppBar>
|
</AppBar>
|
||||||
<TabPanel value={value} index={0} />
|
<TabPanel value={value} index={0} />
|
||||||
<TabPanel value={value} index={1} />
|
<TabPanel value={value} index={1} />
|
||||||
|
|||||||
Reference in New Issue
Block a user