fixed layout

2026-02-24 10:01:14 +08:00
parent a161e72304
commit 969301e80f
2 changed files with 10 additions and 9 deletions
--- a/frontend/src/app/layout.js
+++ b/frontend/src/app/layout.js
@@ -20,9 +20,9 @@ export default function RootLayout({ children }) {
      <body className={`${inter.variable} `}>
        <div className={styles.layout}>
          <Sidebar />
-          <Header />
+
          <div className={styles.mainContainer}>
-            {/* Header here */}
+            <Header />
            {children}
          </div>
        </div>
--- a/frontend/src/app/page.module.css
+++ b/frontend/src/app/page.module.css
@@ -13,16 +13,17 @@
  align-items: center;
  justify-content: center;
 }
-
-.main {
+.layout {
+  display: flex;
+
+  align-items: center;
+}
+.mainContainer {
  display: flex;
-  min-height: 100vh;
-  width: 100%;
-  max-width: 800px;
  flex-direction: column;
  align-items: flex-start;
-  justify-content: space-between;
-  padding: 120px 60px;
+  flex: 1 0 0;
+  align-self: stretch;
 }

 .intro {