big-AGI icon indicating copy to clipboard operation
big-AGI copied to clipboard

Published 20 hours ago • verified publisher icon enricoros

UX - Increase chat bubbles' horizontal margin

Open peperunas opened this issue 1 year ago • 2 comments

I find centered chat views a better choice as they are more user-friendly and easier to read.

Having whitespace on both sides helps users focus on the conversation without feeling overwhelmed. Consistent line length is also maintained, making it easier to follow what's being said.

Is that something worth considering, @enricoros?

Thanks!

peperunas avatar Mar 19 '23 22:03 peperunas

For sure. Layout is responsive right now, and wanted to keep it minimal and clean, but likely people are using this on desktop as while developing or working, so more space would make sense.

Are you able to take a screenshot and draw arrows to where you want the changes to be?

enricoros avatar Mar 20 '23 00:03 enricoros

image

peperunas avatar Mar 20 '23 15:03 peperunas

Added a "Wide mode" setting to toggle between centered/wide. However the default for wide is the "xl" preset (which is above 1200px I believe).

image

Not sure whether I should reduce the non-wide (centered) mode to 'lg' instead.

enricoros avatar Mar 29 '23 11:03 enricoros

Unless I hear otherwise, the "Wide mode" fixes this issue. Related to #38 (it's the actual opposite)

enricoros avatar Mar 31 '23 10:03 enricoros

The wide mode toggle does not change the web app's appearance for me on an M1 Pro 14" Macbook Pro.

peperunas avatar Mar 31 '23 15:03 peperunas

I see. It seems like you're already full screen, so toggling that switch doesn't make any difference, correct?

I can easily change it to add more whitespace for you (there's a Container with 'xl" to be changed to 'lg') but then everyone that's on a larger screen will have lots and lots of whitespace. Ideas?

enricoros avatar Mar 31 '23 20:03 enricoros

Fixed this finally.

Appearance: image

Size selector inside "Settings" image

@peperunas let me know if you are using this project, or what other features you'd like

enricoros avatar Apr 05 '23 02:04 enricoros

@enricoros, thank you for your work. Definitely, this is my go-to WebUI :-)

peperunas avatar Apr 05 '23 14:04 peperunas

@peperunas well you better 😁 not that we have this amazing margin 😁😁 I want to know more features that would make your life 10x easier, if any.

enricoros avatar Apr 05 '23 19:04 enricoros