From c9801014c70f7d5c3576c75a7e600c35d9101e57 Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Fri, 5 Dec 2025 14:42:37 +0800
Subject: [PATCH] =?UTF-8?q?style:=20Dashboard=20Center=20=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=20H5=20=E5=93=8D=E5=BA=94=E5=BC=8F=E9=80=82=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Dashboard/Center.js | 36 +++++++++++++++++------------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/views/Dashboard/Center.js b/src/views/Dashboard/Center.js
index 2eb31105..8a815551 100644
--- a/src/views/Dashboard/Center.js
+++ b/src/views/Dashboard/Center.js
@@ -273,18 +273,18 @@ export default function CenterDashboard() {
   }
 
   return (
-    <Box bg={sectionBg} minH="100vh">
-      <Box px={{ base: 4, md: 8 }} py={6} maxW="1400px" mx="auto">
+    <Box bg={sectionBg} minH="100vh" overflowX="hidden">
+      <Box px={{ base: 3, md: 8 }} py={{ base: 4, md: 6 }} maxW="1400px" mx="auto">
         {/* 主要内容区域 */}
-        <Grid templateColumns={{ base: '1fr', md: '1fr 1fr', lg: 'repeat(3, 1fr)' }} gap={6} mb={8}>
+        <Grid templateColumns={{ base: '1fr', lg: 'repeat(3, 1fr)' }} gap={6} mb={8}>
           {/* 左列：自选股票 */}
-          <VStack spacing={6} align="stretch">
-            <Card bg={cardBg} shadow="md" height="600px" display="flex" flexDirection="column">
-              <CardHeader pb={4}>
+          <VStack spacing={6} align="stretch" minW={0}>
+            <Card bg={cardBg} shadow="md" maxW="100%" height={{ base: 'auto', md: '600px' }} minH={{ base: '300px', md: '600px' }} display="flex" flexDirection="column">
+              <CardHeader pb={{ base: 2, md: 4 }}>
                 <Flex justify="space-between" align="center">
                   <HStack>
-                    <Icon as={FiBarChart2} color="blue.500" boxSize={5} />
-                    <Heading size="md">自选股票</Heading>
+                    <Icon as={FiBarChart2} color="blue.500" boxSize={{ base: 4, md: 5 }} />
+                    <Heading size={{ base: 'sm', md: 'md' }}>自选股票</Heading>
                     <Badge colorScheme="blue" variant="subtle">
                       {watchlist.length}
                     </Badge>
@@ -388,14 +388,14 @@ export default function CenterDashboard() {
           </VStack>
 
           {/* 中列：关注事件 */}
-          <VStack spacing={6} align="stretch">
+          <VStack spacing={6} align="stretch" minW={0}>
             {/* 关注事件 */}
-            <Card bg={cardBg} shadow="md" height="600px" display="flex" flexDirection="column">
-              <CardHeader pb={4}>
+            <Card bg={cardBg} shadow="md" maxW="100%" height={{ base: 'auto', md: '600px' }} minH={{ base: '300px', md: '600px' }} display="flex" flexDirection="column">
+              <CardHeader pb={{ base: 2, md: 4 }}>
                 <Flex justify="space-between" align="center">
                   <HStack>
-                    <Icon as={FiStar} color="yellow.500" boxSize={5} />
-                    <Heading size="md">关注事件</Heading>
+                    <Icon as={FiStar} color="yellow.500" boxSize={{ base: 4, md: 5 }} />
+                    <Heading size={{ base: 'sm', md: 'md' }}>关注事件</Heading>
                     <Badge colorScheme="yellow" variant="subtle">
                       {followingEvents.length}
                     </Badge>
@@ -525,14 +525,14 @@ export default function CenterDashboard() {
           </VStack>
 
           {/* 右列：我的评论 */}
-          <VStack spacing={6} align="stretch">
+          <VStack spacing={6} align="stretch" minW={0}>
             {/* 我的评论 */}
-            <Card bg={cardBg} shadow="md" height="600px" display="flex" flexDirection="column">
-              <CardHeader pb={4}>
+            <Card bg={cardBg} shadow="md" maxW="100%" height={{ base: 'auto', md: '600px' }} minH={{ base: '300px', md: '600px' }} display="flex" flexDirection="column">
+              <CardHeader pb={{ base: 2, md: 4 }}>
                 <Flex justify="space-between" align="center">
                   <HStack>
-                    <Icon as={FiMessageSquare} color="purple.500" boxSize={5} />
-                    <Heading size="md">我的评论</Heading>
+                    <Icon as={FiMessageSquare} color="purple.500" boxSize={{ base: 4, md: 5 }} />
+                    <Heading size={{ base: 'sm', md: 'md' }}>我的评论</Heading>
                     <Badge colorScheme="purple" variant="subtle">
                       {eventComments.length}
                     </Badge>