diff options
Diffstat (limited to 'apps/website/src/components/base/Section.astro')
| -rw-r--r-- | apps/website/src/components/base/Section.astro | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/apps/website/src/components/base/Section.astro b/apps/website/src/components/base/Section.astro index 0d177ef..bb7a062 100644 --- a/apps/website/src/components/base/Section.astro +++ b/apps/website/src/components/base/Section.astro @@ -5,23 +5,25 @@ interface Props extends HTMLAttributes<"section"> { maxWidth?: "none" | String; colReverse?: boolean; wrapperClass?: string; + wFull?: boolean; } const { maxWidth = "1080px", colReverse = true, wrapperClass = "", + wFull = true, ...props } = Astro.props; const twoColumn = Astro.slots.has("left") || Astro.slots.has("right"); -const className = `max-w-[${maxWidth}] w-full px-5 md:p-0 flex gap-4` +const className = `max-w-[${maxWidth}] ${wFull ? "w-full" : ""} px-5 md:p-0 flex gap-4` + (twoColumn ? ` ${maxWidth == "none" ? "justify-center" : "justify-between md:justify-evenly lg:justify-between"} ${colReverse ? "flex-col-reverse" : "flex-col"} md:flex-row md:items-center md:flex-row` : "") + (props.class ? ` ${props.class}` : ""); --- -<section class={`w-full flex justify-center${wrapperClass ? ` ${wrapperClass}` : ""}`}> +<section class={`w-full flex justify-center ${wrapperClass ?? ""}`}> <div class={className} {...props}> {twoColumn ? ( <div class="flex flex-col items-start text-left relative"> |