From a5604335c1fdf4757a996e0a54cf5317b1172a43 Mon Sep 17 00:00:00 2001
From: Rainnny7 <braydonrainnny@gmail.com>
Date: Tue, 29 Oct 2024 17:47:20 -0400
Subject: [PATCH] fix a few pages not being the full screen height

---
 .../website/src/app/(pages)/scores/live/page.tsx | 16 +++++++++-------
 projects/website/src/app/(pages)/search/page.tsx |  2 +-
 .../website/src/app/(pages)/settings/page.tsx    |  2 +-
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/projects/website/src/app/(pages)/scores/live/page.tsx b/projects/website/src/app/(pages)/scores/live/page.tsx
index a44c491..c7cfbab 100644
--- a/projects/website/src/app/(pages)/scores/live/page.tsx
+++ b/projects/website/src/app/(pages)/scores/live/page.tsx
@@ -12,13 +12,15 @@ export const metadata: Metadata = {
 
 export default function ScoresPage() {
   return (
-    <Card className="flex flex-col gap-2 w-full xl:w-[75%]">
-      <div>
-        <p className="font-semibold'">Live Score Feed</p>
-        <p className="text-gray-400">This is the real-time scores being set on ScoreSaber.</p>
-      </div>
+    <main className="w-full min-h-screen flex justify-center">
+      <Card className="flex flex-col gap-2 w-full h-fit xl:w-[75%]">
+        <div>
+          <p className="font-semibold'">Live Score Feed</p>
+          <p className="text-gray-400">This is the real-time scores being set on ScoreSaber.</p>
+        </div>
 
-      <ScoreFeed />
-    </Card>
+        <ScoreFeed />
+      </Card>
+    </main>
   );
 }
diff --git a/projects/website/src/app/(pages)/search/page.tsx b/projects/website/src/app/(pages)/search/page.tsx
index 3db8fe5..16ffdc4 100644
--- a/projects/website/src/app/(pages)/search/page.tsx
+++ b/projects/website/src/app/(pages)/search/page.tsx
@@ -7,7 +7,7 @@ export const metadata: Metadata = {
 
 export default function SearchPage() {
   return (
-    <div className="flex flex-col items-center justify-center gap-2">
+    <div className="min-h-screen flex flex-col items-center justify-center gap-2">
       <div className="mb-4 mt-2 flex h-[150px] w-[150px] items-center justify-center rounded-full select-none bg-gray-600">
         <p className="text-9xl">?</p>
       </div>
diff --git a/projects/website/src/app/(pages)/settings/page.tsx b/projects/website/src/app/(pages)/settings/page.tsx
index 13b3c84..3c39fa1 100644
--- a/projects/website/src/app/(pages)/settings/page.tsx
+++ b/projects/website/src/app/(pages)/settings/page.tsx
@@ -3,7 +3,7 @@ import Settings from "@/components/settings/settings";
 
 export default function SettingsPage() {
   return (
-    <main className="w-full">
+    <main className="min-h-screen w-full">
       <Card className="w-full gap-4">
         <div>
           <p className="font-semibold">Settings</p>