Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2025-12-25 03:10:08 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

fix: infinite scroller layout (#5671)

Browse Source
This commit is contained in:
one 2025-05-05 15:17:10 +08:00 committed by GitHub
parent 80d970050e
commit 470d8710f3
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/renderer/src/pages/home/Messages/Messages.tsx
View File

@ -239,11 +239,6 @@ const Messages: React.FC<MessagesProps> = ({ assistant, topic, setActiveTopic })
inverse
style={{ overflow: 'visible' }}>
<ScrollContainer>
{isLoadingMore && (
<LoaderContainer>
<SvgSpinners180Ring color="var(--color-text-2)" />
</LoaderContainer>
)}
{groupedMessages.map(([key, groupMessages]) => (
<MessageGroup
key={key}
@ -252,6 +247,11 @@ const Messages: React.FC<MessagesProps> = ({ assistant, topic, setActiveTopic })
hidePresetMessages={assistant.settings?.hideMessages}
/>
))}
{isLoadingMore && (
<LoaderContainer>
<SvgSpinners180Ring color="var(--color-text-2)" />
</LoaderContainer>
)}
</ScrollContainer>
</InfiniteScroll>
<Prompt assistant={assistant} key={assistant.prompt} topic={topic} />
@ -310,7 +310,6 @@ const LoaderContainer = styled.div`
const ScrollContainer = styled.div`
display: flex;
flex-direction: column-reverse;
margin-bottom: -20px; // 添加负的底部外边距来减少空间
`
interface ContainerProps {