Merge pull request #936 from getmaxun/run-ui
feat: run scroll customization
This commit is contained in:
@@ -10,6 +10,29 @@ const lightTheme = createTheme({
|
||||
},
|
||||
},
|
||||
components: {
|
||||
MuiTableContainer: {
|
||||
styleOverrides: {
|
||||
root: {
|
||||
overflow: 'auto',
|
||||
/* Firefox */
|
||||
scrollbarWidth: 'thin',
|
||||
scrollbarColor: 'gray transparent',
|
||||
|
||||
/* WebKit (Chrome, Edge, Safari) */
|
||||
'&::-webkit-scrollbar': {
|
||||
width: '5px',
|
||||
height: '5px',
|
||||
},
|
||||
'&::-webkit-scrollbar-track': {
|
||||
background: 'transparent',
|
||||
},
|
||||
'&::-webkit-scrollbar-thumb': {
|
||||
backgroundColor: 'gray',
|
||||
borderRadius: '8px',
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
MuiButton: {
|
||||
styleOverrides: {
|
||||
root: {
|
||||
@@ -109,6 +132,29 @@ const darkTheme = createTheme({
|
||||
},
|
||||
},
|
||||
components: {
|
||||
MuiTableContainer: {
|
||||
styleOverrides: {
|
||||
root: {
|
||||
overflow: 'auto',
|
||||
/* Firefox */
|
||||
scrollbarWidth: 'thin',
|
||||
scrollbarColor: 'currentColor transparent',
|
||||
|
||||
/* WebKit (Chrome, Edge, Safari) */
|
||||
'&::-webkit-scrollbar': {
|
||||
width: '5px',
|
||||
height: '5px',
|
||||
},
|
||||
'&::-webkit-scrollbar-track': {
|
||||
background: 'transparent',
|
||||
},
|
||||
'&::-webkit-scrollbar-thumb': {
|
||||
backgroundColor: 'currentColor',
|
||||
borderRadius: '8px',
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
MuiButton: {
|
||||
styleOverrides: {
|
||||
root: {
|
||||
|
||||
Reference in New Issue
Block a user