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({ >
{body}
+{bodyText}