diff options
| author | LynithDev <61880709+LynithDev@users.noreply.github.com> | 2023-12-30 11:37:33 +0100 |
|---|---|---|
| committer | LynithDev <61880709+LynithDev@users.noreply.github.com> | 2023-12-30 11:37:33 +0100 |
| commit | d568fe0235de920f2b97f70777bab94c114d5654 (patch) | |
| tree | f9b42bd3138d8f9e08320f7d62253dff388a2a56 /apps/website/src/components/base/Section.astro | |
| parent | 17d8ba3e604a73a2e60e7490ba9a1c3e146e0cf3 (diff) | |
| download | Nexus-d568fe0235de920f2b97f70777bab94c114d5654.tar.gz Nexus-d568fe0235de920f2b97f70777bab94c114d5654.tar.bz2 Nexus-d568fe0235de920f2b97f70777bab94c114d5654.zip | |
Responsive tweaks
Diffstat (limited to 'apps/website/src/components/base/Section.astro')
| -rw-r--r-- | apps/website/src/components/base/Section.astro | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/apps/website/src/components/base/Section.astro b/apps/website/src/components/base/Section.astro index a12ed12..c463a16 100644 --- a/apps/website/src/components/base/Section.astro +++ b/apps/website/src/components/base/Section.astro @@ -20,10 +20,10 @@ const { const twoColumn = Astro.slots.has('left') || Astro.slots.has('right'); -const twoColumnClasses = ` ${maxWidth === 'none' ? 'justify-center' : 'justify-center md:justify-evenly lg:justify-between'} - ${colReverse ? 'flex-col-reverse' : 'flex-col'} md:flex-row items-center md:flex-row`; +const twoColumnClasses = ` ${maxWidth === 'none' ? 'justify-center' : 'justify-center lg:justify-between'} + ${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 md:p-0 flex gap-x-20 gap-y-4${twoColumn ? twoColumnClasses : ''}${props.class ? ` ${props.class}` : ''}`; +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}` : ''}`; --- <section class={`w-full outline-none flex justify-center ${wrapperClass ?? ''}`}> |