From 5b5bc9e0d79877f0554278ab6a609ef688858d8f Mon Sep 17 00:00:00 2001 From: LynithDev <61880709+LynithDev@users.noreply.github.com> Date: Sat, 30 Dec 2023 12:53:40 +0100 Subject: Add locomotive --- apps/website/src/components/base/Section.astro | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) (limited to 'apps/website/src/components/base/Section.astro') diff --git a/apps/website/src/components/base/Section.astro b/apps/website/src/components/base/Section.astro index c463a16..5f3cc1d 100644 --- a/apps/website/src/components/base/Section.astro +++ b/apps/website/src/components/base/Section.astro @@ -7,6 +7,7 @@ interface Props extends HTMLAttributes<'section'> { wrapperClass?: string wFull?: boolean hFull?: boolean + scrollSection?: boolean } const { @@ -15,6 +16,7 @@ const { wrapperClass = '', wFull = true, hFull = false, + scrollSection = true, ...props } = Astro.props; @@ -24,9 +26,13 @@ const twoColumnClasses = ` ${maxWidth === 'none' ? 'justify-center' : 'justify-c ${colReverse ? 'flex-col-reverse' : 'flex-col'} lg:flex-row items-center`; const className = `max-w-[${maxWidth}] ${hFull ? 'min-h-screen' : 'h-auto'} ${wFull ? 'w-full' : `w-[${maxWidth}]`} px-5 xl:px-0 flex gap-x-20 gap-y-4${twoColumn ? twoColumnClasses : ''}${props.class ? ` ${props.class}` : ''}`; + +const sectionAttr = { + ...(scrollSection ? { 'data-scroll-section': '' } : {}), +}; --- -
+
{twoColumn ? ( -- cgit