From 954b8c51f627bd30ab24e8d578190fa7779e8b45 Mon Sep 17 00:00:00 2001 From: LynithDev <61880709+LynithDev@users.noreply.github.com> Date: Tue, 17 Oct 2023 21:01:41 +0200 Subject: Stuff --- apps/website/src/components/base/Button.astro | 4 +- apps/website/src/components/base/Footer.astro | 7 + apps/website/src/components/base/Header.astro | 10 +- .../src/components/base/NavbarElement.astro | 1 + apps/website/src/components/base/Paragraph.astro | 31 ++++ apps/website/src/components/base/Section.astro | 33 +++- apps/website/src/layouts/Layout.astro | 7 +- apps/website/src/pages/index.astro | 174 ++++++++++++++++++++- apps/website/tailwind.config.cjs | 5 +- 9 files changed, 247 insertions(+), 25 deletions(-) create mode 100644 apps/website/src/components/base/Footer.astro create mode 100644 apps/website/src/components/base/Paragraph.astro (limited to 'apps') diff --git a/apps/website/src/components/base/Button.astro b/apps/website/src/components/base/Button.astro index e0787c2..75dcfa0 100644 --- a/apps/website/src/components/base/Button.astro +++ b/apps/website/src/components/base/Button.astro @@ -10,13 +10,13 @@ const styles = { const sizes = { sm: "px-4 py-2 text-sm", - md: "px-5 py-2 text-md", + md: "px-5 py-3 text-md", lg: "px-6 py-3 text-lg rounded-2xl" } const iconSize = { sm: 15, - md: 16, + md: 18, lg: 24 } diff --git a/apps/website/src/components/base/Footer.astro b/apps/website/src/components/base/Footer.astro new file mode 100644 index 0000000..b24db5f --- /dev/null +++ b/apps/website/src/components/base/Footer.astro @@ -0,0 +1,7 @@ +--- + +--- + + 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 { 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}` : ""); --- @@ -34,12 +34,12 @@ const className = `text-${align}` + (attr.class ? ` ${attr.class}` : "");