From 5ce6c1ae352de772c3d927eb7f72d4507af604dc Mon Sep 17 00:00:00 2001
From: LukaDev <47296785+lukadev-0@users.noreply.github.com>
Date: Sat, 17 Aug 2024 21:52:35 +0200
Subject: [PATCH] feat(website): make website lg instead of xl

---
 website/src/routes/+page.svelte  | 4 ++--
 website/src/routes/Footer.svelte | 2 +-
 website/src/routes/Header.svelte | 2 +-
 website/src/routes/Hero.svelte   | 4 ++--
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/website/src/routes/+page.svelte b/website/src/routes/+page.svelte
index 7971d22..7de5016 100644
--- a/website/src/routes/+page.svelte
+++ b/website/src/routes/+page.svelte
@@ -9,12 +9,12 @@
 
 <Hero />
 
-<section class="mx-auto max-w-screen-xl px-4 pb-32">
+<section class="mx-auto max-w-screen-lg px-4 pb-32">
 	<h2 class="mb-4 text-2xl font-semibold text-heading">
 		<a id="recently-published" href="#recently-published">Recently Published</a>
 	</h2>
 
-	<div class="grid gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
+	<div class="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
 		{#each data.packages.slice(0, 24) as pkg}
 			{@const [scope, name] = pkg.name.split("/")}
 
diff --git a/website/src/routes/Footer.svelte b/website/src/routes/Footer.svelte
index b9f3356..ac3b8ae 100644
--- a/website/src/routes/Footer.svelte
+++ b/website/src/routes/Footer.svelte
@@ -1,4 +1,4 @@
-<footer class="mx-auto max-w-screen-xl px-4">
+<footer class="mx-auto max-w-screen-lg px-4">
 	<div class="border-t py-16 text-sm">
 		<p>Licensed under the MIT License.</p>
 		<p class="mb-4">Copyright © 2024 daimond113</p>
diff --git a/website/src/routes/Header.svelte b/website/src/routes/Header.svelte
index 101a750..442cbd9 100644
--- a/website/src/routes/Header.svelte
+++ b/website/src/routes/Header.svelte
@@ -4,7 +4,7 @@
 </script>
 
 <header class="fixed inset-x-0 top-0 z-50 bg-background/80 backdrop-blur">
-	<div class="mx-auto flex h-16 max-w-screen-xl items-center justify-between px-4">
+	<div class="mx-auto flex h-16 max-w-screen-lg items-center justify-between px-4">
 		<a href="/">
 			<Logo class="h-9 text-primary" />
 		</a>
diff --git a/website/src/routes/Hero.svelte b/website/src/routes/Hero.svelte
index bec9f9f..4b04e42 100644
--- a/website/src/routes/Hero.svelte
+++ b/website/src/routes/Hero.svelte
@@ -62,7 +62,7 @@
 	})
 </script>
 
-<section class="mx-auto max-w-screen-xl px-4 py-32">
+<section class="mx-auto max-w-screen-lg px-4 py-32">
 	<h1 class="mb-3 text-2xl font-semibold text-heading md:mb-6 md:text-4xl lg:text-5xl">
 		Manage your packages<br />
 		<span class="sr-only"> for Luau</span>
@@ -83,7 +83,7 @@
 
 	<a
 		href="/docs/get-started"
-		class="bg-primary-bg inline-flex h-10 items-center rounded px-4 font-semibold text-primary-fg transition hover:bg-primary-hover md:h-11 md:px-5"
+		class="inline-flex h-10 items-center rounded bg-primary-bg px-4 font-semibold text-primary-fg transition hover:bg-primary-hover md:h-11 md:px-5"
 	>
 		Get Started
 	</a>