报价单魔魁

src/components/Layout/MainLayout.jsx

@@ -12,19 +12,22 @@ const MainLayout = () => {
   const { isDarkMode } = useTheme();
 
   return (
-    <Layout style={{ minHeight: '100vh' }}>
+    <Layout className="min-h-screen">
       <Sidebar collapsed={collapsed} />
-      <Layout>
+      <Layout className="flex flex-col h-screen">
         <Header collapsed={collapsed} setCollapsed={setCollapsed} />
         <Content
-          style={{
-            margin: '24px 16px',
-            padding: 24,
-            background: isDarkMode ? '#141414' : '#fff',
-            borderRadius: '4px',
-          }}
+          className={`
+            m-2 p-4 rounded-lg overflow-auto
+            ${isDarkMode ? 'bg-[#141414]' : 'bg-white'}
+            flex-1
+          `}
         >
-          <Suspense fallback={<Spin size="large" />}>
+          <Suspense fallback={
+            <div className="flex items-center justify-center h-full">
+              <Spin size="large" />
+            </div>
+          }>
             <Outlet />
           </Suspense>
         </Content>