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}` : "");