feat: widen chat input column with Wide Chat Layout setting (#1318)
The 'Wide Chat Layout' setting toggles a 'wide-chat-layout' class on
the document root that widens '.chat-column' and '.chat-message-column'
from 48rem to 64rem, but '.chat-input-column' (which wraps the
textarea) was missing the matching rule, so the prompt input stayed
narrow while the messages above it widened.
Add the missing '.wide-chat-layout .chat-input-column { width:
min(100%, 64rem) }' selector so the input column tracks the message
column under the same setting.
This commit is contained in:
@@ -40,6 +40,10 @@
|
|||||||
padding-inline: calc(clamp(0.75rem, 2.5vw, 1rem) * var(--padding-scale, 1));
|
padding-inline: calc(clamp(0.75rem, 2.5vw, 1rem) * var(--padding-scale, 1));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.wide-chat-layout .chat-input-column {
|
||||||
|
width: min(100%, 64rem);
|
||||||
|
}
|
||||||
|
|
||||||
.chat-message-column {
|
.chat-message-column {
|
||||||
width: min(100%, 48rem);
|
width: min(100%, 48rem);
|
||||||
margin-inline: auto;
|
margin-inline: auto;
|
||||||
|
|||||||
Reference in New Issue
Block a user