From 54c8ec36601c65248036f65bf3c0d4504d4640db Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Thu, 25 Dec 2025 12:59:31 +0800
Subject: [PATCH] =?UTF-8?q?refactor(layout):=20=E7=BB=9F=E4=B8=80=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80=E8=BE=B9=E8=B7=9D=E9=85=8D=E7=BD=AE=EF=BC=8C=E6=94=B9?=
 =?UTF-8?q?=E7=94=A8=E7=99=BE=E5=88=86=E6=AF=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- layoutConfig.js: LAYOUT_PADDING.x 改为 { base: 4, md: 6, lg: '12%' }
- HomeNavbar.js: 导入 LAYOUT_PADDING，替换硬编码边距
- AppFooter.js: 导入 LAYOUT_PADDING，替换硬编码边距

现在导航栏、内容区、页脚统一使用 LAYOUT_PADDING.x 配置，
修改边距只需调整 layoutConfig.js 一处即可全局生效。

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/components/Navbars/HomeNavbar.js | 5 ++++-
 src/layouts/AppFooter.js             | 3 ++-
 src/layouts/config/layoutConfig.js   | 2 +-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/Navbars/HomeNavbar.js b/src/components/Navbars/HomeNavbar.js
index b9154898..49e1dc65 100644
--- a/src/components/Navbars/HomeNavbar.js
+++ b/src/components/Navbars/HomeNavbar.js
@@ -54,6 +54,9 @@ import ProfileCompletenessAlert from './components/ProfileCompletenessAlert';
 import { useProfileCompleteness } from '../../hooks/useProfileCompleteness';
 import NavbarActions from './components/NavbarActions';
 
+// 布局配置
+import { LAYOUT_PADDING } from '../../layouts/config/layoutConfig';
+
 // Phase 4: MoreNavMenu 和 NavItems 组件已提取到 Navigation 目录
 
 export default function HomeNavbar() {
@@ -150,7 +153,7 @@ export default function HomeNavbar() {
                 borderColor={navbarBorder}
                 py={{ base: 2, md: 3 }}
             >
-                <Box px={{ base: 4, md: 6, lg: '80px' }}>
+                <Box px={LAYOUT_PADDING.x}>
                     <Flex justify="space-between" align="center">
                         {/* Logo - 价小前投研 */}
                         <BrandLogo />
diff --git a/src/layouts/AppFooter.js b/src/layouts/AppFooter.js
index 65432374..47aa40a0 100644
--- a/src/layouts/AppFooter.js
+++ b/src/layouts/AppFooter.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import { Box, VStack, HStack, Text, Link, useColorModeValue } from '@chakra-ui/react';
 import RiskDisclaimer from '../components/RiskDisclaimer';
+import { LAYOUT_PADDING } from './config/layoutConfig';
 
 /**
  * 应用通用页脚组件
@@ -8,7 +9,7 @@ import RiskDisclaimer from '../components/RiskDisclaimer';
  */
 const AppFooter = () => {
   return (
-    <Box bg={useColorModeValue('gray.100', 'gray.800')} py={2} px={{ base: 4, md: 6, lg: '80px' }}>
+    <Box bg={useColorModeValue('gray.100', 'gray.800')} py={2} px={LAYOUT_PADDING.x}>
         <VStack spacing={1}>
           <RiskDisclaimer />
           <Text color="gray.500" fontSize="sm">
diff --git a/src/layouts/config/layoutConfig.js b/src/layouts/config/layoutConfig.js
index 51eee300..675b7cf0 100644
--- a/src/layouts/config/layoutConfig.js
+++ b/src/layouts/config/layoutConfig.js
@@ -176,7 +176,7 @@ export const LAYOUT_SIZE = {
  * 右侧预留空间给 GlobalSidebar（收起宽度 72px）
  */
 export const LAYOUT_PADDING = {
-    x: { base: 4, md: 6, lg: '80px' },  // 移动端 16px，中屏 24px，大屏 80px（容纳工具栏）
+    x: { base: 4, md: 6, lg: '12%' },  // 移动端 16px，中屏 24px，大屏左右各 15%
 };
 
 /**