fix: 修复topic列表过长会导致新增按钮位置错误的问题

pull/70/head
moonrailgun 2 years ago
parent 381c09c3ff
commit 43969e23dd

@ -33,6 +33,11 @@ const Root = styled(LoadingOnFirst)({
paddingTop: 80, paddingTop: 80,
}, },
'.list': {
height: '100%',
overflow: 'auto',
},
'.create-btn': { '.create-btn': {
position: 'absolute', position: 'absolute',
right: 20, right: 20,
@ -146,7 +151,7 @@ const GroupTopicPanelRender: React.FC = React.memo(() => {
return ( return (
<Root spinning={loading}> <Root spinning={loading}>
{Array.isArray(topicList) && topicList.length > 0 ? ( {Array.isArray(topicList) && topicList.length > 0 ? (
<> <div className="list">
{topicList.map((item, i) => ( {topicList.map((item, i) => (
<TopicCard key={i} topic={item} /> <TopicCard key={i} topic={item} />
))} ))}
@ -160,7 +165,7 @@ const GroupTopicPanelRender: React.FC = React.memo(() => {
{Translate.noMore} {Translate.noMore}
</Button> </Button>
)} )}
</> </div>
) : ( ) : (
<Empty description={Translate.noTopic}> <Empty description={Translate.noTopic}>
<Button type="primary" onClick={handleCreateTopic}> <Button type="primary" onClick={handleCreateTopic}>

Loading…
Cancel
Save