feat(chat): add wide layout setting

This commit is contained in:
Bohdan Triapitsyn
2026-04-30 00:45:25 +03:00
parent e9edfa5302
commit e6c7cc5589
13 changed files with 78 additions and 5 deletions
+10 -2
View File
@@ -25,11 +25,15 @@
}
.chat-column {
width: min(100%, 64rem);
width: min(100%, 48rem);
margin-inline: auto;
padding-inline: calc(clamp(0.75rem, 2.5vw, 1rem) * var(--padding-scale, 1));
}
.wide-chat-layout .chat-column {
width: min(100%, 64rem);
}
.chat-input-column {
width: min(100%, 48rem);
margin-inline: auto;
@@ -37,11 +41,15 @@
}
.chat-message-column {
width: min(100%, 64rem);
width: min(100%, 48rem);
margin-inline: auto;
padding-inline: calc(clamp(0.75rem, 2.5vw, 1rem) * var(--padding-scale, 1));
}
.wide-chat-layout .chat-message-column {
width: min(100%, 64rem);
}
@media (min-width: 1024px) {
.chat-column {
padding-inline: calc(clamp(1rem, 2.5vw, 1.5rem) * var(--padding-scale, 1));