invoke-ai / invoke-ai/InvokeAI

[enhancement]: More optimal widescreen UI layout

Open
#5,001 0 comments 0 reactions 0 assignees View on GitHub
enhancement web ui
Dominant language
Python
Stars
28.2k
Forks
3k
Avg merge
6d 5h
Merged PRs (30d)
19

Description

### Is there an existing issue for this?

- [X] I have searched the existing issues

### Contact Details

DrFortyseven

### What should this feature add?

It would be nice to have the interface be able to scale across widescreen displays a bit better. The existing side panel is stacked vertically and set to fit 100% across whatever it's width is. But it would be helpful if, past a certain view breakpoint, there was a max-width for each section, and it could stack a grid horizontally (maybe two columns).

I have a personal custom CSS rule to _kinda-sorta_ hack this in right now, but it's far from elegant at the moment. (Each grid cell is as tall as the tallest one in the row; I didn't futz around much further than this.)

Here's what _that_ monstrosity currently looks like:

![image](https://github.com/invoke-ai/InvokeAI/assets/156409/7a126199-5b68-4d57-88b0-5e3fdaa78dac)

Food for thought. Hardly a pressing concern. Just a 'nice to have', if someone's bored. :sunglasses:

### Alternatives

_No response_

### Additional Content

_No response_

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.