feat(website): make website lg instead of xl

This commit is contained in:
LukaDev 2024-08-17 21:52:35 +02:00
parent 08b3132abe
commit 5ce6c1ae35
4 changed files with 6 additions and 6 deletions

View file

@ -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("/")}

View file

@ -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>

View file

@ -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>

View file

@ -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>