use more screen real estate
All checks were successful
Deploy / deploy (ubuntu-latest, 2.44.0) (push) Successful in 1m12s

Took 4 minutes
This commit is contained in:
Braydon 2024-10-07 13:29:33 -04:00
parent c0f9307236
commit 6fd1d7b8a9
2 changed files with 2 additions and 2 deletions

View File

@ -52,7 +52,7 @@ const RootLayout = ({
background: "var(--background-gradient)",
}}
>
<div className="px-3 sm:px-7 max-w-[90rem] mx-auto flex flex-col transition-all">
<div className="px-3 sm:px-7 max-w-screen-2xl mx-auto flex flex-col transition-all">
<Navbar />
<div className="pt-[4.5rem] w-full h-full flex flex-grow gap-5">
<div className="relative hidden xs:flex">

View File

@ -9,7 +9,7 @@ const Navbar = (): ReactElement => {
const pages: DocsContentMetadata[] = getDocsContent();
return (
<nav className="fixed left-0 inset-x-0 bg-white/[0.007] backdrop-saturate-100 backdrop-blur-xl border-b z-50">
<div className="px-3 sm:px-7 max-w-[90rem] mx-auto py-4 flex justify-between items-center transition-all transform-gpu">
<div className="px-3 sm:px-7 max-w-screen-2xl mx-auto py-4 flex justify-between items-center transition-all transform-gpu">
{/* Branding */}
<Link
className="flex gap-1 items-end hover:opacity-75 transition-all transform-gpu select-none"