feat(chat): add wide layout setting
This commit is contained in:
@@ -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));
|
||||
|
||||
Reference in New Issue
Block a user