whai/cherry-studio
1
1
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(Messages): 调整ScrollContainer和Container的样式以减少底部空间

Browse Source
This commit is contained in:
Herio 2025-04-11 22:58:53 +08:00 committed by 亢奋猫
parent a70ca190ba
commit a692ae7e9d
2 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -298,6 +298,7 @@ const LoaderContainer = styled.div<LoaderProps>`
const ScrollContainer = styled.div` const ScrollContainer = styled.div`
display: flex; display: flex;
flex-direction: column-reverse; flex-direction: column-reverse;
margin-bottom: -20px; // 添加负的底部外边距来减少空间
` `
interface ContainerProps { interface ContainerProps {
@ -307,7 +308,7 @@ interface ContainerProps {
const Container = styled(Scrollbar)<ContainerProps>` const Container = styled(Scrollbar)<ContainerProps>`
display: flex; display: flex;
flex-direction: column-reverse; flex-direction: column-reverse;
padding: 10px 0 20px; padding: 10px 0 10px;
overflow-x: hidden; overflow-x: hidden;
background-color: var(--color-background); background-color: var(--color-background);
z-index: 1; z-index: 1;

2
src/renderer/src/pages/home/Messages/NewTopicButton.tsx
View File

@ -31,6 +31,8 @@ const Container = styled.div`
align-items: center; align-items: center;
margin-bottom: 10px; margin-bottom: 10px;
margin-top: -10px; margin-top: -10px;
padding: 0;
min-height: auto;
` `
const Button = styled(AntdButton)<{ $theme: ThemeMode }>` const Button = styled(AntdButton)<{ $theme: ThemeMode }>`