fix: frontpage responsivenes

ajesuscode · Oct 17, 2023 · fa07241 · fa07241
1 parent 78391a0
commit fa07241
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -67,7 +67,7 @@ export default async function RootLayout({
                 <div>
                     <Navbar user={user} />
                 </div>
-                <main className="h-screen w-screen">{children}</main>
+                <main className="min-h-screen w-screen">{children}</main>
             </body>
         </html>
     );

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -18,7 +18,7 @@ export default async function Home() {
         <main className="flex min-h-screen flex-col items-center justify-center gap-4 p-2">
             <Image
                 src={pintxos_lg}
-                width={180}
+                width={150}
                 alt="surf_pintxos_logo"
                 quality={100}
             />
@@ -29,7 +29,7 @@ export default async function Home() {
                 Surf forecast for all Pays Basque spots
             </p>
             <Link href="/spots">
-                <button className="w-72 p-4 rounded-md bg-secondary text-primary hover:bg-light hover:text-dark">
+                <button className="w-72 p-4 rounded-md bg-secondary text-primary hover:bg-light hover:text-dark font-body">
                     Check Pintxos
                 </button>
             </Link>
-Original file line number
+Diff line change
@@ Expand Up / @@ -67,7 +67,7 @@ export default async function RootLayout({ @@
                     <div>
                         <Navbar user={user} />
                     </div>
-                    <main className="h-screen w-screen">{children}</main>
+                    <main className="min-h-screen w-screen">{children}</main>
                 </body>
             </html>
         );
@@ Expand Down @@