saleor-dashboard/src/apps/components/AppFrame/styles.ts
Lukasz Ostrowski b9acfe6214
Improve AppPage (#3216)
* WIP - reduce rerenders and change how dashboard sends events to app

* Cleanup

* Refactor

* Add loader behind the iframe

* Fix linter
2023-02-27 16:35:35 +01:00

22 lines
416 B
TypeScript

import { makeStyles } from "@saleor/macaw-ui";
export const useStyles = makeStyles(
() => ({
iframe: {
width: "100%",
height: "100%",
border: "none",
},
iframeHidden: {
visibility: "hidden",
},
loader: {
position: "absolute",
top: "50%",
left: "50%",
transform: "translate(-50%, -50%)",
zIndex: -1,
},
}),
{ name: "AppFrame" },
);