diff --git a/src/apps/pages/sections/Banner.astro b/src/apps/pages/sections/Banner.astro index 87862ef..332c5bd 100644 --- a/src/apps/pages/sections/Banner.astro +++ b/src/apps/pages/sections/Banner.astro @@ -4,6 +4,7 @@ import Container from '@components/Container.astro'; import LinkButton from '@components/LinkButton'; import SearchBar from '@apps/pages/sections/SearchBar'; import RichText from '@apps/pages/sections/RichText.astro'; +import { toBackgroundClass, toTextClass } from '@utils/pageBuilder'; const Height = { small: 'small', @@ -15,9 +16,9 @@ const { background, buttonText, clip, - color, content, darken, + darkText, height, image, imageAlt, @@ -32,15 +33,13 @@ const {
{ image && ( @@ -55,7 +54,7 @@ const { ) } { darken && (
) }
diff --git a/src/apps/pages/sections/ColumnContent.astro b/src/apps/pages/sections/ColumnContent.astro index b12e868..128efcd 100644 --- a/src/apps/pages/sections/ColumnContent.astro +++ b/src/apps/pages/sections/ColumnContent.astro @@ -21,11 +21,14 @@ const BlockTypes = { --- { item.__typename.endsWith(BlockTypes.image) && ( - + )} { item.__typename.endsWith(BlockTypes.text) && ( -
+
)} @@ -64,7 +67,7 @@ const BlockTypes = { { item.__typename.endsWith(BlockTypes.quote) && (
@@ -83,7 +86,7 @@ const BlockTypes = { { item.overlay && (
-

{ item.overlay }

+

{ item.overlay }

)} diff --git a/src/apps/pages/sections/FeatureQuote.astro b/src/apps/pages/sections/FeatureQuote.astro index 7a778cd..b0426ac 100644 --- a/src/apps/pages/sections/FeatureQuote.astro +++ b/src/apps/pages/sections/FeatureQuote.astro @@ -26,7 +26,7 @@ const { class={clsx( 'w-full relative flex flex-col justify-center items-center font-serif', toBackgroundClass(background), - toTextClass(text) + text )} > @@ -51,7 +52,13 @@ const gridCols = total === TOTAL_COLUMNS ? 'lg:grid-cols-12' : 'lg:auto-cols-fr > { _.map(content, (col: any) => ( - + )) }
diff --git a/src/apps/pages/sections/SearchBar.tsx b/src/apps/pages/sections/SearchBar.tsx index 4284127..76a5ba7 100644 --- a/src/apps/pages/sections/SearchBar.tsx +++ b/src/apps/pages/sections/SearchBar.tsx @@ -22,14 +22,14 @@ const SearchBar = (props: SearchBarProps) => { }, [searchName, query, language]); return ( -
+