refactor: define and use global bernhard-grid css class

acdh-oeaw · Sep 12, 2024 · 399a74d · 399a74d
1 parent b2d6984
commit 399a74d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/components/main-content.tsx b/components/main-content.tsx
@@ -8,7 +8,7 @@ interface MainContentProps {
 }
 
 export function MainContent(props: MainContentProps): ReactNode {
-	const { children, className = "grid grid-cols-[25%_75%]" } = props;
+	const { children, className = "bernhard-grid" } = props;
 
 	return (
 		<main className="container max-w-screen-lg p-8" id={id} tabIndex={-1}>

diff --git a/styles/index.css b/styles/index.css
@@ -193,3 +193,8 @@ textarea {
 	--tw-prose-th-borders: var(--color-neutral-600);
 	--tw-prose-td-borders: var(--color-neutral-700);
 }
+
+.bernhard-grid {
+	/* @apply container max-w-screen-lg p-8; */
+	@apply grid grid-cols-[25%_75%];
+}