fixed layout

This commit is contained in:
Laux Dev
2026-02-24 10:01:14 +08:00
parent a161e72304
commit 969301e80f
2 changed files with 10 additions and 9 deletions

View File

@@ -20,9 +20,9 @@ export default function RootLayout({ children }) {
<body className={`${inter.variable} `}> <body className={`${inter.variable} `}>
<div className={styles.layout}> <div className={styles.layout}>
<Sidebar /> <Sidebar />
<Header />
<div className={styles.mainContainer}> <div className={styles.mainContainer}>
{/* Header here */} <Header />
{children} {children}
</div> </div>
</div> </div>

View File

@@ -13,16 +13,17 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.layout {
.main { display: flex;
align-items: center;
}
.mainContainer {
display: flex; display: flex;
min-height: 100vh;
width: 100%;
max-width: 800px;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
justify-content: space-between; flex: 1 0 0;
padding: 120px 60px; align-self: stretch;
} }
.intro { .intro {