From cdb87f7003da08a93c0c608cdc00e856824bd55b Mon Sep 17 00:00:00 2001
From: cirroskais <cirroskais@madhouselabs.net>
Date: Sun, 21 Apr 2024 01:48:47 -0400
Subject: [PATCH] hero sect should fit the min h of parent

---
 src/routes/+layout.svelte | 6 +++---
 src/routes/+page.svelte   | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 4ec6ad1..68f326f 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -27,16 +27,16 @@
 	<meta name="theme-color" content="#c4bef3" />
 </svelte:head>
 
-<div class="w-screen h-[3.125rem]">
+<div class="w-screen h-[3.125rem] mb-2">
 	<Header></Header>
 </div>
 
 {#key $page.url}
-	<div in:fade class="container mx-auto py-2 min-h-[calc(100vh-3.125rem)]">
+	<div in:fade class="container mx-auto min-h-[calc(100vh-6rem)]">
 		<slot />
 	</div>
 {/key}
 
-<div class="w-screen">
+<div class="mt-2 w-screen">
 	<Footer></Footer>
 </div>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 0586c80..917882d 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -17,7 +17,7 @@
 	<title>{$page.data.discord?.username}/home</title>
 </svelte:head>
 
-<div class="hero w-full h-[54rem] rounded-lg mx-auto my-auto">
+<div class="hero w-full h-[calc(100vh-4.125rem)] rounded-lg mx-auto my-auto">
 	<div class="p-4 h-full rounded-lg md:flex">
 		<div class="my-auto md:w-fit md:mx-auto min-h-max">
 			<div class="flex md:w-[42rem] p-2 bg-black/75 rounded-lg">
@@ -76,7 +76,7 @@
 						)?.['#text']}
 						alt="Album art for {$page.data.lastfm?.recenttracks?.track[0]?.name}"
 					/>
-					<div class="overflow-scroll my-auto">
+					<div class="overflow-x-auto my-auto">
 						<p class="text-2xl whitespace-nowrap text-neutral-300">
 							{$page.data.lastfm?.recenttracks?.track[0]?.name}
 						</p>