Fix mobile website overflow

This commit is contained in:
Advait Paliwal
2026-03-25 14:42:08 -07:00
parent bc9fa2be86
commit ca74226c83
3 changed files with 15 additions and 13 deletions

View File

@@ -39,11 +39,11 @@ const {
</head>
<body class="flex min-h-screen flex-col bg-background text-foreground antialiased">
<nav class="sticky top-0 z-50 bg-background">
<div class="mx-auto flex h-14 max-w-6xl items-center justify-between px-6">
<div class="mx-auto flex h-14 max-w-6xl items-center justify-between gap-4 px-4 sm:px-6">
<a href="/" class="flex items-center gap-2">
<span class="font-['VT323'] text-2xl text-primary">feynman</span>
</a>
<div class="flex items-center gap-6">
<div class="flex items-center gap-4 sm:gap-6">
<a
href="/docs/getting-started/installation"
class:list={[
@@ -98,7 +98,7 @@ const {
</main>
<footer>
<div class="mx-auto flex max-w-6xl flex-col items-center justify-between gap-4 px-6 py-8 sm:flex-row">
<div class="mx-auto flex max-w-6xl flex-col items-center justify-between gap-4 px-4 py-8 sm:flex-row sm:px-6">
<p class="text-sm text-muted-foreground">
&copy; {new Date().getFullYear()} Companion, Inc.
</p>