diff options
Diffstat (limited to 'apps/website/src/components/base/Header.astro')
| -rw-r--r-- | apps/website/src/components/base/Header.astro | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/apps/website/src/components/base/Header.astro b/apps/website/src/components/base/Header.astro index aea04af..23f5429 100644 --- a/apps/website/src/components/base/Header.astro +++ b/apps/website/src/components/base/Header.astro @@ -14,17 +14,17 @@ type Headers = "h1" | "h2" | "h3" | "h4" | "h5" | "h6"; interface Props extends HTMLAttributes<Headers> { size?: keyof typeof sizes; - align?: "left" | "center" | "right"; + align?: "left" | "center" | "right" | "inherit"; } const { size = "lg", - align = "left", + align = "inherit", ...attr } = Astro.props; const Element = sizes[size] as any; // Unfortunately gotta do this -const className = `text-${align}` + (attr.class ? ` ${attr.class}` : ""); +const className = (align == "inherit" ? "" : `text-${align} `) + (attr.class ? ` ${attr.class}` : ""); --- <Element {...attr} class={className}> @@ -34,12 +34,12 @@ const className = `text-${align}` + (attr.class ? ` ${attr.class}` : ""); <style> h1 { font-size: theme("fontSize.header-lg"); - font-weight: 700; + font-weight: 600; } h2 { font-size: theme("fontSize.header"); - font-weight: 700; + font-weight: 600; } h3 { |