From bbbb800524bd834179fe2c12ee516d0df04905cf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E6=B6=9B?= <midnite@outlook.com>
Date: Thu, 11 Jul 2024 22:48:23 +0800
Subject: [PATCH] =?UTF-8?q?enhance(layout):=E7=AA=97=E4=BD=93=E7=8E=B0?=
 =?UTF-8?q?=E5=9C=A8=E5=8F=AF=E4=BB=A5=E7=A7=BB=E5=8A=A8=E4=BA=86=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/MainLayout.tsx | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/pages/MainLayout.tsx b/src/pages/MainLayout.tsx
index 193d855..9804969 100644
--- a/src/pages/MainLayout.tsx
+++ b/src/pages/MainLayout.tsx
@@ -1,3 +1,22 @@
+import { WindowMoveHandler } from "@/components";
+import { flex } from "@/style-predefines";
+import { css } from "@emotion/react";
+import styled from "@emotion/styled";
+
+const LayoutContainer = styled.div(({ theme }) =>
+  css({
+    height: "100vh",
+    width: "100vw",
+    paddingTop: theme.spacings.xxs * 24,
+    ...flex(theme, "row", "flex-start", "stretch"),
+    overflow: "hidden",
+  })
+);
+
 export function MainLayout() {
-  return <div></div>;
+  return (
+    <LayoutContainer>
+      <WindowMoveHandler />
+    </LayoutContainer>
+  );
 }