2019-03-26 02:37:02 +01:00
|
|
|
import { Theme, createStyles } from "@material-ui/core";
|
2019-09-18 19:52:39 +02:00
|
|
|
import { isDarwinApp } from "./utilities/desktop";
|
2019-03-26 02:37:02 +01:00
|
|
|
|
2019-09-18 19:52:39 +02:00
|
|
|
export const styles = (theme: Theme) =>
|
|
|
|
createStyles({
|
|
|
|
root: {
|
|
|
|
width: "100%",
|
|
|
|
display: "flex",
|
|
|
|
height: "100%",
|
|
|
|
minHeight: "100vh",
|
|
|
|
backgroundColor: isDarwinApp()
|
|
|
|
? "transparent"
|
|
|
|
: theme.palette.background.default
|
|
|
|
},
|
|
|
|
content: {
|
|
|
|
marginTop: 72,
|
|
|
|
flexGrow: 1,
|
|
|
|
padding: theme.spacing.unit * 3,
|
|
|
|
[theme.breakpoints.up("md")]: {
|
|
|
|
marginLeft: 250,
|
|
|
|
marginTop: 88
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|