diff --git a/components/ComponentWrapper.module.css b/components/ComponentWrapper.module.css index 01a8141..9ebbfd2 100644 --- a/components/ComponentWrapper.module.css +++ b/components/ComponentWrapper.module.css @@ -1,4 +1,4 @@ -.wrapperCommon { +.sideWrapperCommon { background-color: var(--secondary-background); display: flex; padding: calc(40rem / 16) calc(50rem / 16); @@ -7,7 +7,7 @@ } .wrapperRight { - composes: wrapperCommon; + composes: sideWrapperCommon; align-self: end; margin-right: 0; padding-right: 0; @@ -17,7 +17,7 @@ } .wrapperLeft { - composes: wrapperCommon; + composes: sideWrapperCommon; align-self: start; margin-left: 0; padding-left: 0; @@ -52,7 +52,6 @@ border-radius: 0; width: 100%; } - } .internalWrapper { diff --git a/components/ComponentWrapper.tsx b/components/ComponentWrapper.tsx index a67cf72..8893905 100644 --- a/components/ComponentWrapper.tsx +++ b/components/ComponentWrapper.tsx @@ -7,15 +7,14 @@ type AlignOption = "left" | "center" | "right"; type ComponentWrapperProps = { children: React.ReactNode; heading: string; - body: string; + bodyText: string; align?: AlignOption; noBackground?: boolean; - center?: boolean; }; export function ComponentWrapper({ heading, - body, + bodyText, children, align = "left", noBackground = false, @@ -35,7 +34,7 @@ export function ComponentWrapper({ >

{heading}

-

{body}

+

{bodyText}

{children}
diff --git a/pages/samplePage.tsx b/pages/samplePage.tsx index 2cf944a..f067888 100644 --- a/pages/samplePage.tsx +++ b/pages/samplePage.tsx @@ -18,7 +18,7 @@ export default function SamplePage() {
@@ -91,7 +91,7 @@ export default function SamplePage() { diff --git a/utils/isMobile.ts b/utils/isMobile.ts index e0a0d4f..4022df1 100644 --- a/utils/isMobile.ts +++ b/utils/isMobile.ts @@ -1,3 +1,3 @@ import { useWindowDimensions } from "./getWindowDimensions"; -export const useIsMobile = () => useWindowDimensions().width < 768; +export const useIsMobile = () => useWindowDimensions().width <= 768;