Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature Request: Support small form factor devices #39

Open
hendrix2222 opened this issue Jul 2, 2024 · 4 comments
Open

Feature Request: Support small form factor devices #39

hendrix2222 opened this issue Jul 2, 2024 · 4 comments
Labels
Feature New feature or request Frontend This pertains to the frontend UI (HTML/CSS/JS)

Comments

@hendrix2222
Copy link

hendrix2222 commented Jul 2, 2024

Feature Idea

The UI is currently designed for use on desktop devices, and is rendered appropriately for that use-case.

For non-desktop devices such as tablets or other mobile devices, the UI is not rendered in a user-friendly way. Some support for at least basic text-to-image generation on small form factors would be greatly appreciated.

@hendrix2222 hendrix2222 added the Feature New feature or request label Jul 2, 2024
@mcmonkey4eva
Copy link
Member

Yep, mobile support on the Generate tab is definitely a major feature requirement.

I have a rough idea of how it'd work:

The main screen should be just the prompt box and image result area,
and a button on the left to pull up the parameters list, which pops up to cover the screen and you can edit then swipe it back away
similarly you can pull up the other menus (image history / model browser / etc) and they also temporarily take over the full screen while you use them.

Basically take all the current UI features that are placed into cells, and swap them to being sub-screens to swap between, with the 'main prompt + result' area as the centerpoint

@hendrix2222
Copy link
Author

Yeah, I'm a backend dev by trade, so UI work isn't something I'm even remotely qualified to speak to, other than it's a lot more difficult than it looks to get things to display nicely across different form factors. And I think you sort of alluded to it, but it may actually end up making the desktop render better by making things a bit more modular anyway.

Separately, I had made a feature request here: ShiftHackZ/Stable-Diffusion-Android#204

to potentially add support for SwarmUI's API to their native Android application, but I have no clue how active the development is there, etc.

@jonathan-f-silva
Copy link

jonathan-f-silva commented Jul 5, 2024

While this is not properly addressed, I did some (not so) quick hack in the simple tab to at least do some gens on mobile. Here are the changes if anyone is interested:
https://github.com/mcmonkeyprojects/SwarmUI/compare/mcmonkeyprojects:SwarmUI:master...jonathan-f-silva:SwarmUI:feat/simple-mobile?expand=1

Demo GIF

simple-mobile

EDIT: Sorry if it is a little buggy, sometimes need to reload the page to properly work.

@mcmonkey4eva
Copy link
Member

If you get it clean and it doesn't break on desktop sized usage, I'd love a PR for that!

@mcmonkey4eva mcmonkey4eva added the Frontend This pertains to the frontend UI (HTML/CSS/JS) label Jul 12, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature New feature or request Frontend This pertains to the frontend UI (HTML/CSS/JS)
Projects
None yet
Development

No branches or pull requests

3 participants