From ec38fa43cf4dbe9ff54425b49f790541d5813a18 Mon Sep 17 00:00:00 2001 From: "J. Lewis" <6710419+lewxdev@users.noreply.github.com> Date: Sun, 21 Jul 2024 23:14:57 -0400 Subject: [PATCH] fix: center the div --- app/components/field.tsx | 2 +- app/layout.tsx | 6 +++++- app/page.tsx | 6 +----- 3 files changed, 7 insertions(+), 7 deletions(-) diff --git a/app/components/field.tsx b/app/components/field.tsx index 8efe68b..28745ee 100644 --- a/app/components/field.tsx +++ b/app/components/field.tsx @@ -22,7 +22,7 @@ export function Field() { return (
event.preventDefault()} style={{ gap: `${GRID_SIZE * 0.125}rem`, diff --git a/app/layout.tsx b/app/layout.tsx index 0f93043..fbae94e 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -9,7 +9,11 @@ export const metadata: Metadata = { export default function RootLayout(props: Readonly) { return ( - {props.children} + +
+ {props.children} +
+ ); } diff --git a/app/page.tsx b/app/page.tsx index b56429a..99973f5 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,9 +1,5 @@ import { Field } from "@/components/field"; export default function App() { - return ( -
- -
- ); + return ; }