079c25f16d
* Fix app frame sizes * Update app frame height * App page functions refactor * Move useLocationState hook to apps * Update apps test snapshots
67 lines
1.5 KiB
TypeScript
67 lines
1.5 KiB
TypeScript
import { makeStyles } from "@saleor/macaw-ui";
|
|
|
|
export const useStyles = makeStyles(
|
|
theme => ({
|
|
appSettingsHeader: {
|
|
"& > button, & > a": {
|
|
"&:last-child": {
|
|
marginRight: 0,
|
|
},
|
|
marginRight: theme.spacing(2),
|
|
},
|
|
display: "flex",
|
|
justifyContent: "flex-end",
|
|
},
|
|
breadcrumb: {
|
|
"&:not(:last-child)": {
|
|
"&:after": {
|
|
content: "'/'",
|
|
display: "block",
|
|
position: "absolute",
|
|
right: theme.spacing(-2),
|
|
top: 0,
|
|
},
|
|
"&:not(:first-child):hover": {
|
|
cursor: "pointer",
|
|
textDecoration: "underline",
|
|
},
|
|
},
|
|
marginRight: theme.spacing(3),
|
|
position: "relative",
|
|
},
|
|
breadcrumbContainer: {
|
|
alignItems: "center",
|
|
display: "flex",
|
|
},
|
|
breadcrumbDisabled: {
|
|
"&:hover": {
|
|
textDecoration: "none",
|
|
},
|
|
color: theme.palette.text.disabled,
|
|
},
|
|
breadcrumbs: {
|
|
display: "flex",
|
|
},
|
|
hr: {
|
|
border: "none",
|
|
borderTop: `1px solid ${theme.palette.divider}`,
|
|
height: 0,
|
|
marginBottom: 0,
|
|
marginTop: 0,
|
|
width: "100%",
|
|
},
|
|
iframeContainer: {
|
|
lineHeight: 0, // It removes extra space between iframe and container
|
|
"& > iframe": {
|
|
border: "none",
|
|
minHeight: "60vh",
|
|
height: `calc(100vh - 27.8rem)`,
|
|
width: "100%",
|
|
[theme.breakpoints.up("md")]: {
|
|
height: `calc(100vh - 23.4rem)`,
|
|
},
|
|
},
|
|
},
|
|
}),
|
|
{ name: "AppPage" },
|
|
);
|