From 8a5c5f1c2629c1c3883bec5ed7424824e076c5e7 Mon Sep 17 00:00:00 2001
From: zhaoweijie <zwjCheer@163.com>
Date: Tue, 19 Aug 2025 18:13:15 +0800
Subject: [PATCH] =?UTF-8?q?refactor(layout):=20=E4=BC=98=E5=8C=96=E5=9B=A2?=
 =?UTF-8?q?=E9=98=9F=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80=E5=92=8C=E6=BB=9A?=
 =?UTF-8?q?=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 Team组件中添加 overflow-y-auto 以启用垂直滚动
- 在 Playground组件中调整网格布局，移除不必要的导入
- 优化消息列表布局，确保内容可以滚动
---
 src/components/Common/Playground/Team.tsx       | 2 +-
 src/components/Option/Playground/Playground.tsx | 7 +++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/Common/Playground/Team.tsx b/src/components/Common/Playground/Team.tsx
index c4fa3d8..7daee3e 100644
--- a/src/components/Common/Playground/Team.tsx
+++ b/src/components/Common/Playground/Team.tsx
@@ -72,7 +72,7 @@ export const PlaygroundTeam = () => {
       />
 
       {/* 场景列表 */}
-      <div className="grid grid-cols-2 gap-3">
+      <div className="grid grid-cols-2 gap-3 flex-1 overflow-y-auto">
         {data.slice(0,2).map((item, index) => (
           <Card key={index} hoverable className="[&>*:first-child]:!p-3" >
             <div className="flex flex-col gap-0.5">
diff --git a/src/components/Option/Playground/Playground.tsx b/src/components/Option/Playground/Playground.tsx
index e011365..1893cf0 100644
--- a/src/components/Option/Playground/Playground.tsx
+++ b/src/components/Option/Playground/Playground.tsx
@@ -141,8 +141,6 @@ export const Playground = () => {
     setRecentMessagesOnLoad()
   }, [])
 
-  const { show } = useContext(HistoryContext)
-
   return (
     <div
       ref={drop}
@@ -169,9 +167,10 @@ export const Playground = () => {
           <PlaygroundForm dropedFile={dropedFile} />
         </div>
       </div>
+      {/*auto_530px_165px*/}
       {messages.length && (
         <div
-          className="w-1/4 h-full grid grid-rows-[auto_530px_165px] pt-16 pr-5 pb-0 border-l border-gray-200"
+          className="w-1/4 h-full grid grid-rows-[1fr_2fr_175px] pt-16 pr-5 pb-0 border-l border-gray-200"
           style={{ paddingTop: "4rem" }}>
           <div className="w-full  overflow-y-auto border-gray-200 border-b p-3">
             <PlaygroundIodRelevant />
@@ -180,7 +179,7 @@ export const Playground = () => {
             <PlaygroundData />
             <PlaygroundScene />
           </div>
-          <div className="w-full p-3 pb-0">
+          <div className="w-full p-3">
             <PlaygroundTeam />
           </div>
         </div>