16 |
17 |
18 | {children}
19 |
20 |
21 |
22 |
23 |
24 | );
25 | }
26 |
--------------------------------------------------------------------------------
/web/src/components/block.module.scss:
--------------------------------------------------------------------------------
1 | @use "@/app/defaults.scss" as *;
2 |
3 | .block {
4 | max-width: $layout-breakpoint-medium;
5 | padding-left: 0.75rem;
6 | padding-right: 0.75rem;
7 |
8 | @media (min-width: $layout-breakpoint-medium) {
9 | margin-left: auto;
10 | margin-right: auto
11 | }
12 | }
13 |
14 |
--------------------------------------------------------------------------------
/web/src/components/block.tsx:
--------------------------------------------------------------------------------
1 | import clsx from "clsx";
2 | import { ReactNode } from "react";
3 | import styles from "./block.module.scss";
4 |
5 | type Props = {
6 | children: ReactNode;
7 | outerClassName?: string;
8 | innerClassName?: string;
9 | };
10 |
11 | const Block = ({ children, outerClassName, innerClassName }: Props) => {
12 | return (
13 |