mirror of
https://bitbucket.org/wisemapping/wisemapping-frontend.git
synced 2025-03-29 08:23:59 +01:00
6c5bff906a
Migration * README.md was updated and the webpack was modified in package web2d * README.md was updated and the webpack was modified in package mindplot * Merge branch 'develop' of https://bitbucket.org/lilabyus/wisemapping-frontend into develop * Mindplot module script correction * Pull branch develop remote * Webcomponent module webpack correction * Pull branch develop * Material-ui library correction and cypress test correction * Script correction * Cypress test correction
66 lines
2.0 KiB
TypeScript
66 lines
2.0 KiB
TypeScript
import { Theme } from '@material-ui/core/styles/createTheme';
|
|
import createStyles from '@material-ui/core/styles/createStyles';
|
|
import makeStyles from '@material-ui/core/styles/makeStyles';
|
|
|
|
const drawerWidth = 300;
|
|
|
|
export const useStyles = makeStyles((theme: Theme) =>
|
|
createStyles({
|
|
root: {
|
|
display: 'flex',
|
|
},
|
|
appBar: {
|
|
zIndex: theme.zIndex.drawer + 1,
|
|
transition: theme.transitions.create(['width', 'margin'], {
|
|
easing: theme.transitions.easing.sharp,
|
|
duration: theme.transitions.duration.leavingScreen,
|
|
}),
|
|
background: '#ffffff',
|
|
},
|
|
appBarShift: {
|
|
marginLeft: drawerWidth,
|
|
width: `calc(100% - ${drawerWidth}px)`,
|
|
transition: theme.transitions.create(['width', 'margin'], {
|
|
easing: theme.transitions.easing.sharp,
|
|
duration: theme.transitions.duration.enteringScreen,
|
|
}),
|
|
},
|
|
newMapButton: {
|
|
marginRight: 10,
|
|
minWidth: '130px',
|
|
},
|
|
importButton: {
|
|
marginRight: 10,
|
|
minWidth: '130px',
|
|
},
|
|
rightButtonGroup: {
|
|
marginRight: 10,
|
|
flexGrow: 10,
|
|
textAlign: 'right',
|
|
minWidth: '280px',
|
|
},
|
|
drawer: {
|
|
width: drawerWidth,
|
|
flexShrink: 0,
|
|
whiteSpace: 'nowrap',
|
|
},
|
|
drawerOpen: {
|
|
background: '#ffa800',
|
|
width: drawerWidth,
|
|
transition: theme.transitions.create('width', {
|
|
easing: theme.transitions.easing.sharp,
|
|
duration: theme.transitions.duration.enteringScreen,
|
|
}),
|
|
},
|
|
toolbar: {
|
|
display: 'flex',
|
|
justifyContent: 'flex-end',
|
|
minHeight: '44px',
|
|
},
|
|
content: {
|
|
flexGrow: 1,
|
|
padding: '24px 0px',
|
|
},
|
|
})
|
|
);
|