0ct0pu5/homepage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix full height layout on tall screens

Browse source
This commit is contained in:
shamoon 2023-06-09 09:01:19 -07:00
parent 2da66b504b
commit 68b6192d8c
1 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/pages/index.jsx
View file

@ -252,7 +252,7 @@ function Home({ initialSettings }) {
/> />
<meta name="theme-color" content={themes[initialSettings.color || "slate"][initialSettings.theme || "dark"]} /> <meta name="theme-color" content={themes[initialSettings.color || "slate"][initialSettings.theme || "dark"]} />
</Head> </Head>
<div className="relative container m-auto flex flex-col justify-between z-10 h-full"> <div className="relative container m-auto flex flex-col justify-start z-10 h-full">
<div <div
className={classNames( className={classNames(
"flex flex-row flex-wrap justify-between", "flex flex-row flex-wrap justify-between",
@ -302,16 +302,18 @@ function Home({ initialSettings }) {
</div> </div>
)} )}
<div className="flex p-8 pb-0 w-full justify-end"> <div className="flex flex-col mt-auto p-8 w-full">
<div className="flex w-full justify-end">
{!initialSettings?.color && <ColorToggle />} {!initialSettings?.color && <ColorToggle />}
<Revalidate /> <Revalidate />
{!initialSettings?.theme && <ThemeToggle />} {!initialSettings?.theme && <ThemeToggle />}
</div> </div>
<div className="flex p-8 pt-4 w-full justify-end"> <div className="flex mt-4 w-full justify-end">
{!initialSettings?.hideVersion && <Version />} {!initialSettings?.hideVersion && <Version />}
</div> </div>
</div> </div>
</div>
</> </>
); );
} }