Fix navigation tab

This commit is contained in:
2026-04-21 19:32:58 +04:00
parent 0eccb35172
commit b0597dbcca
+23 -22
View File
@@ -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} />