Add option to adjust the width of the main chat DIV on desktop

[avidwriter]

Could there be an option added to adjust the width of the main chat DIV on desktop? on a large monitor there's a lot of wasted space to the left and right of the chat DIV. thanks!

Originally posted by @avidwriter in #16938 (comment)

[ImadSaddik]

I have implemented that in #18068

[allozaur]

I would go a step further and add a combobox¹ to choose from predefined list or set your own custom width :)

Edit: Added footlink to Svelte Shadcn component docs

Footnotes

1. https://www.shadcn-svelte.com/docs/components/combobox ↩

[ImadSaddik]

Good idea. I will see how to incorporate that.

[allozaur]

Generally, the idea is that we'd have Search or write custom widh placeholder (or similiar) and writing a numeric value should render a selectable option "px" (and of hide all the others unless they match the search). I'd suggest defining the list like:

const CHAT_SCREEN_BOXED_WIDTHS = {
  xs: 480,
  sm: 600,
  // ...
}