hyperspace-desktop-client-w.../src/App.styles.tsx

25 lines
580 B
TypeScript

import { Theme, createStyles } from "@material-ui/core";
import { isDarwinApp } from "./utilities/desktop";
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
}
}
});