diff options
| author | LynithDev <61880709+LynithDev@users.noreply.github.com> | 2023-10-18 19:40:13 +0200 |
|---|---|---|
| committer | LynithDev <61880709+LynithDev@users.noreply.github.com> | 2023-10-18 19:40:13 +0200 |
| commit | 0bdcc421caeb2c87e70ef1ede3263edcce327998 (patch) | |
| tree | d75449e3f85f021da8328e58f23718b54f9cc598 /apps/website/src/components/base/Header.astro | |
| parent | 954b8c51f627bd30ab24e8d578190fa7779e8b45 (diff) | |
| download | Nexus-0bdcc421caeb2c87e70ef1ede3263edcce327998.tar.gz Nexus-0bdcc421caeb2c87e70ef1ede3263edcce327998.tar.bz2 Nexus-0bdcc421caeb2c87e70ef1ede3263edcce327998.zip | |
Codeblock section
Diffstat (limited to 'apps/website/src/components/base/Header.astro')
| -rw-r--r-- | apps/website/src/components/base/Header.astro | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/apps/website/src/components/base/Header.astro b/apps/website/src/components/base/Header.astro index 23f5429..d35ad9f 100644 --- a/apps/website/src/components/base/Header.astro +++ b/apps/website/src/components/base/Header.astro @@ -2,7 +2,8 @@ import type { HTMLAttributes } from "astro/types" const sizes = { - "xl": "h1", + "xxl": "h1", + "xl": "h2", "lg": "h2", "md": "h3", "sm": "h4", @@ -24,7 +25,9 @@ const { } = Astro.props; const Element = sizes[size] as any; // Unfortunately gotta do this -const className = (align == "inherit" ? "" : `text-${align} `) + (attr.class ? ` ${attr.class}` : ""); +const className = (align == "inherit" ? "" : `text-${align} `) + + (size == "xxl" ? " page-header" : "") + + (attr.class ? ` ${attr.class}` : ""); --- <Element {...attr} class={className}> @@ -33,7 +36,10 @@ const className = (align == "inherit" ? "" : `text-${align} `) + (attr.class ? ` <style> h1 { - font-size: theme("fontSize.header-lg"); + font-size: theme("fontSize.header-lg"); + &.page-header { + font-size: theme("fontSize.header-page"); + } font-weight: 600; } |