fixed layout
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user