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" />
</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>

4
src/routes/+page.svelte
View file

@ -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>