diff options
| author | Tyler Flowers <contact@ggtylerr.dev> | 2023-11-26 15:57:52 -0500 |
|---|---|---|
| committer | Tyler Flowers <contact@ggtylerr.dev> | 2023-11-26 15:57:52 -0500 |
| commit | 85c31ee8d278ac6fa1f0ba143b78d65e5f665f32 (patch) | |
| tree | e5c1fe70c9cb7e29257173576dcf796ed30d4297 /apps/website/src/components/base/Section.astro | |
| parent | 55b593c4e6b90137995aee9a55ba2a86423cc7bd (diff) | |
| download | Nexus-85c31ee8d278ac6fa1f0ba143b78d65e5f665f32.tar.gz Nexus-85c31ee8d278ac6fa1f0ba143b78d65e5f665f32.tar.bz2 Nexus-85c31ee8d278ac6fa1f0ba143b78d65e5f665f32.zip | |
initial cleanup
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"> |