diff --git a/src/back/jdd-components/custom-css-wrapper/custom-css-wrapper.jdd.tsx b/src/back/jdd-components/custom-css-wrapper/custom-css-wrapper.jdd.tsx index a4dd5bf..23751e2 100644 --- a/src/back/jdd-components/custom-css-wrapper/custom-css-wrapper.jdd.tsx +++ b/src/back/jdd-components/custom-css-wrapper/custom-css-wrapper.jdd.tsx @@ -1,5 +1,9 @@ import { TempstreamJSX } from "tempstream"; -import type { ComponentToHTMLArgs } from "@sealcode/jdd"; +import type { + ComponentToHTMLArgs, + ExtractStructuredComponentArgumentsParsed, + JDDContext, +} from "@sealcode/jdd"; import { Component, ComponentArguments } from "@sealcode/jdd"; import { v4 as uuid } from "uuid"; @@ -13,6 +17,14 @@ export class CustomCssWrapper extends Component { return component_arguments; } + getCSSClumps( + jdd_context: JDDContext, + args: ExtractStructuredComponentArgumentsParsed + ) { + const result = args?.content?.getCSSClumps(jdd_context) || []; + return result; + } + async toHTML({ args: { custom_css, content }, classes, @@ -26,10 +38,7 @@ export class CustomCssWrapper extends Component { .${unique_class}{ ${custom_css} } ` } - {ComponentArguments.NestedComponent.render({ - jdd_context, - data: content as Record, - })} + {content.render(jdd_context)} ); } diff --git a/src/back/routes/middlewares/customUrlView.tsx b/src/back/routes/middlewares/customUrlView.tsx index eb781ef..ce6edf8 100644 --- a/src/back/routes/middlewares/customUrlView.tsx +++ b/src/back/routes/middlewares/customUrlView.tsx @@ -62,7 +62,7 @@ export const customUrlView = showFooter: !hideNavigation, }, body: ( -
+
{heading?.trim() ?

{heading}

: ""} {jdd.render()}
diff --git a/src/main.css b/src/main.css index acd6123..5fc9d6f 100644 --- a/src/main.css +++ b/src/main.css @@ -88,7 +88,7 @@ body { row-gap: var(--row-gap); & > * { - grid-column: main-column-content-start / main-column-content-end; + grid-column: content; } }