diff options
Diffstat (limited to 'apps/website/src/components/base/Section.astro')
| -rw-r--r-- | apps/website/src/components/base/Section.astro | 12 |
1 files changed, 7 insertions, 5 deletions
diff --git a/apps/website/src/components/base/Section.astro b/apps/website/src/components/base/Section.astro index 6ea3075..e0e994b 100644 --- a/apps/website/src/components/base/Section.astro +++ b/apps/website/src/components/base/Section.astro @@ -2,11 +2,11 @@ import type { HTMLAttributes } from 'astro/types'; interface Props extends HTMLAttributes<'section'> { - maxWidth?: 'none' | String - colReverse?: boolean - wrapperClass?: string - wFull?: boolean - hFull?: boolean + maxWidth?: 'none' | String; + colReverse?: boolean; + wrapperClass?: string; + wFull?: boolean; + hFull?: boolean; } const { @@ -30,6 +30,7 @@ const className = `max-w-[${maxWidth}] ${hFull ? 'min-h-screen' : 'h-auto'} ${wF <div class={className} {...props}> {twoColumn ? ( + <> <div class="flex flex-col items-center text-center w-full md:w-auto md:items-start md:text-left relative"> <slot name="left"></slot> </div> @@ -37,6 +38,7 @@ const className = `max-w-[${maxWidth}] ${hFull ? 'min-h-screen' : 'h-auto'} ${wF <div class="flex flex-col items-center text-center w-full md:w-auto md:items-start md:text-left relative"> <slot name="right"></slot> </div> + </> ) : ( <slot></slot> |