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

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

View File

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