xfy/DefectingCat.github.io
1
0
Fork 0
mirror of https://github.com/DefectingCat/DefectingCat.github.io synced 2025-07-15 16:51:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix layout styles issues

Browse Source
This commit is contained in:
DefectingCat
2023-11-07 11:34:02 +08:00
parent 7b05f849cc
commit fef02b96ad
5 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/layout.tsx
View File

@ -43,10 +43,12 @@ export default function RootLayout({
</head>
<body>
<RUAThemeProvider>
<HeadBar />
{children}
<Footer />
<BackToTop />
<div className="flex flex-col min-h-[100vh]">
<HeadBar />
{children}
<Footer />
<BackToTop />
</div>
</RUAThemeProvider>
</body>
</html>

6
app/page.tsx
View File

@ -11,8 +11,8 @@ export const metadata = {
export default function Page() {
return (
<main className="h-[calc(100vh-142px)] flex justify-center items-center text-xl">
<div className="flex flex-col w-full h-full max-w-4xl px-4 py-24 text-2xl">
<main className="flex items-stretch justify-center flex-1 text-xl">
<div className="flex flex-col w-full max-w-4xl px-4 py-24 text-2xl">
<h1 className="flex pb-4 text-5xl">
<span className={clsx('font-semibold font-Lobster', styles.gradient)}>
Hi there
@ -27,7 +27,7 @@ export default function Page() {
</span>
</h1>
<div className="relative w-full h-full">
<div className="relative flex flex-1 w-full h-full">
<HomeModel />
</div>
</div>

2
app/projects/page.tsx
View File

@ -14,7 +14,7 @@ export const metadata: Metadata = {
export default function Page() {
return (
<>
<main className="max-w-4xl px-8 py-8 mx-auto lg:px-0">
<main className="flex-1 max-w-4xl px-8 py-8 mx-auto lg:px-0">
<div>
{/* Git projects */}
<div>