refactor(layout): 优化团队页面布局和滚动
- 在 Team组件中添加 overflow-y-auto 以启用垂直滚动 - 在 Playground组件中调整网格布局,移除不必要的导入 - 优化消息列表布局,确保内容可以滚动
This commit is contained in:
parent
9e379d13cb
commit
8a5c5f1c26
@ -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">
|
||||
|
@ -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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user