brandan/personal-website
1
0
Fork 0
Code Pull requests Activity

hero sect should fit the min h of parent

Browse source
This commit is contained in:
cirroskais 2024-04-21 01:48:47 -04:00
parent 60054d4a3c
commit cdb87f7003
No known key found for this signature in database
GPG key ID: 5FC73EBF2678E33D
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/routes/+layout.svelte
View file

@ -27,16 +27,16 @@
<meta name="theme-color" content="#c4bef3" /> <meta name="theme-color" content="#c4bef3" />
</svelte:head> </svelte:head>
<div class="w-screen h-[3.125rem]"> <div class="w-screen h-[3.125rem] mb-2">
<Header></Header> <Header></Header>
</div> </div>
{#key $page.url} {#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 /> <slot />
</div> </div>
{/key} {/key}
<div class="w-screen"> <div class="mt-2 w-screen">
<Footer></Footer> <Footer></Footer>
</div> </div>

4
src/routes/+page.svelte
View file

@ -17,7 +17,7 @@
<title>{$page.data.discord?.username}/home</title> <title>{$page.data.discord?.username}/home</title>
</svelte:head> </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="p-4 h-full rounded-lg md:flex">
<div class="my-auto md:w-fit md:mx-auto min-h-max"> <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"> <div class="flex md:w-[42rem] p-2 bg-black/75 rounded-lg">
@ -76,7 +76,7 @@
)?.['#text']} )?.['#text']}
alt="Album art for {$page.data.lastfm?.recenttracks?.track[0]?.name}" 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"> <p class="text-2xl whitespace-nowrap text-neutral-300">
{$page.data.lastfm?.recenttracks?.track[0]?.name} {$page.data.lastfm?.recenttracks?.track[0]?.name}
</p> </p>