Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2026-01-11 08:19:01 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

feat(message-group): improve layout style (#7803)

Browse Source
This commit is contained in:
Konv Suu 2025-07-04 12:57:17 +08:00 committed by GitHub
parent d7f2ebcb6e
commit 985859f1c3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 2 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/MessageGroup.tsx
View File

@ -265,7 +265,7 @@ const GridContainer = styled(Scrollbar)<{ $count: number; $gridColumns: number }
gap: 16px; gap: 16px;
&.horizontal { &.horizontal {
padding-bottom: 4px; padding-bottom: 4px;
grid-template-columns: repeat(${({ $count }) => $count}, minmax(480px, 1fr)); grid-template-columns: repeat(${({ $count }) => $count}, minmax(0, 1fr));
overflow-x: auto; overflow-x: auto;
} }
&.fold, &.fold,
@ -308,6 +308,7 @@ interface MessageWrapperProps {
const MessageWrapper = styled.div<MessageWrapperProps>` const MessageWrapper = styled.div<MessageWrapperProps>`
&.horizontal { &.horizontal {
padding-right: 1px;
overflow-y: auto; overflow-y: auto;
.message { .message {
height: 100%; height: 100%;