Skip to content

Commit f81cae4

Browse files
committed
fix: increase message list width
1 parent 9877da5 commit f81cae4

2 files changed

Lines changed: 2 additions & 3 deletions

File tree

src/components/MessageComposer/styling/MessageComposer.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@
3434
--str-chat__cooldown-border-inline-start: 0;
3535
--str-chat__cooldown-border-inline-end: 0;
3636
--str-chat__cooldown-box-shadow: none;
37-
--str-chat__message-composer-max-width: 768px;
37+
--str-chat__message-composer-max-width: 1120px;
3838
--str-chat__message-composer-padding: var(--spacing-md);
3939
--str-chat__message-composer-command-transition-duration: 280ms;
4040
--str-chat__message-composer-command-ease: cubic-bezier(0.22, 1, 0.32, 1);

src/components/MessageList/styling/MessageList.scss

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
.str-chat__message-list-main-panel {
1414
--str-chat__message-list-scroll-max-width: calc(
1515
var(--str-chat__message-composer-max-width) +
16-
var(--str-chat__message-composer-padding)
16+
(2 * var(--str-chat__message-composer-padding))
1717
);
1818
}
1919

@@ -30,7 +30,6 @@
3030

3131
.str-chat__message-list-scroll {
3232
@include utils.message-list-spacing;
33-
/* Max container 800px, 16px padding → 768px readable content; matches composer width + padding */
3433
max-width: var(--str-chat__message-list-scroll-max-width);
3534
.str-chat__ul {
3635
list-style: none;

0 commit comments

Comments
 (0)