more css hacks: scroll bar

This commit is contained in:
Aria Moradi 2021-01-23 02:53:00 +03:30
parent bd109ba11f
commit ca9c671886
2 changed files with 17 additions and 2 deletions

View File

@ -28,6 +28,21 @@ export default function App() {
palette: { palette: {
type: darkTheme ? 'dark' : 'light', type: darkTheme ? 'dark' : 'light',
}, },
overrides: {
MuiCssBaseline: {
'@global': {
'*::-webkit-scrollbar': {
width: '10px',
background: darkTheme ? '#222' : '#e1e1e1',
},
'*::-webkit-scrollbar-thumb': {
background: darkTheme ? '#111' : '#aaa',
borderRadius: '5px',
},
},
},
},
}), }),
[darkTheme], [darkTheme],
); );
@ -41,7 +56,7 @@ export default function App() {
<DarkTheme.Provider value={darkThemeContext}> <DarkTheme.Provider value={darkThemeContext}>
<NavBar /> <NavBar />
</DarkTheme.Provider> </DarkTheme.Provider>
<Container maxWidth={false} disableGutters style={{ padding: '5px' }}> <Container maxWidth={false} disableGutters>
<Switch> <Switch>
<Route path="/sources/:sourceId/search/"> <Route path="/sources/:sourceId/search/">
<Search /> <Search />

View File

@ -44,7 +44,7 @@ export default function MangaGrid(props: IProps) {
} }
return ( return (
<Grid container spacing={1} xs={12} style={{ margin: 0 }}> <Grid container spacing={1} xs={12} style={{ margin: 0, padding: '5px' }}>
{mapped} {mapped}
</Grid> </Grid>
); );