feat: ⚗️ move taxes app-grid to packages/ui
This commit is contained in:
parent
ed70502fa0
commit
9485fc688d
2 changed files with 20 additions and 1 deletions
|
@ -1,6 +1,6 @@
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { AppContainer } from "./app-container";
|
import { AppContainer } from "./app-container";
|
||||||
import { AppGrid } from "./app-grid";
|
import { AppGrid } from "@saleor/apps-ui";
|
||||||
|
|
||||||
export const AppLayout = ({ children }: { children: React.ReactNode }) => {
|
export const AppLayout = ({ children }: { children: React.ReactNode }) => {
|
||||||
return (
|
return (
|
||||||
|
|
19
packages/ui/src/app-grid.tsx
Normal file
19
packages/ui/src/app-grid.tsx
Normal file
|
@ -0,0 +1,19 @@
|
||||||
|
import { makeStyles } from "@saleor/macaw-ui";
|
||||||
|
import { PropsWithChildren } from "react";
|
||||||
|
|
||||||
|
export const useStyles = makeStyles({
|
||||||
|
root: {
|
||||||
|
display: "grid",
|
||||||
|
gridTemplateColumns: "280px auto 280px",
|
||||||
|
alignItems: "start",
|
||||||
|
gap: 32,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
type AppGridProps = PropsWithChildren<{}>;
|
||||||
|
|
||||||
|
export const AppGrid = ({ children }: AppGridProps) => {
|
||||||
|
const styles = useStyles();
|
||||||
|
|
||||||
|
return <div className={styles.root}>{children}</div>;
|
||||||
|
};
|
Loading…
Reference in a new issue