diff options
Diffstat (limited to 'apps/website/src/components/base/Header.astro')
| -rw-r--r-- | apps/website/src/components/base/Header.astro | 24 |
1 files changed, 16 insertions, 8 deletions
diff --git a/apps/website/src/components/base/Header.astro b/apps/website/src/components/base/Header.astro index 1ab879e..5292380 100644 --- a/apps/website/src/components/base/Header.astro +++ b/apps/website/src/components/base/Header.astro @@ -25,16 +25,24 @@ const { } = Astro.props; const Element = sizes[size] as any; // Unfortunately gotta do this -const className = (align === 'inherit' ? '' : `text-${align} `) - + (size === 'xxl' ? ' page-header' : '') - + (attr.class ? ` ${attr.class}` : ''); +let className: string | string[] = []; +if (align !== 'inherit') + className.push(`text-${align}`); + +if (size === 'xxl') + className.push('page-header'); + +if (attr.class) + className.push(attr.class); + +className = className.join(' '); --- - <Element {...attr} class={className}> - <slot/> - </Element> +<Element {...attr} class={className}> + <slot/> +</Element> - <style> +<style> h1 { font-size: theme("fontSize.header-lg"); &.page-header { @@ -74,4 +82,4 @@ const className = (align === 'inherit' ? '' : `text-${align} `) font-weight: inherit; } } - </style> +</style> |