Spaces:
Running
Better WebUI
Thanks!π
Yw
i forgot mergeπ
Haha, that UI is interesting. I will show mine in few moments, just need to upload it.
I'm not good at creating UIs. That's fine. For some reason, most of the people I know in HF are not good at creating UIs also! Even Yntec, who seems to be good at art, said he's not good at UIs.π
So, as well as the backend, if you have any ideas for modifying the frontend, please feel free to request about them or make a PR.
In a Gradio application, we can use CSS to changes colors, fonts, backgrounds, styles, but in fact there is a side-effect which is problematic : Gradio have its own components behaviors.
Let's take for example the gr.Dropdown() components.
The listed items are really bad-designed for smaller screens resolution.
So we needs to use many css's mediaQueries rules to changes behaviors a little, which seems to surcharging the Gradio interface and make it less faster as responding to our moves (especially on smartphones).
Plus, the gr.Dropdown() is capable to call a python function, an HTML component is only capable to execute and call JavaScript function/instructions. So we can stylize the gr.Dropdown() component to give it a fresher style, but that's all, we can't supercede the behavior of such components.
So in summary, YES, I am totally capable to design a better UI interface but as long as Gradio components doesn't have specific features to support others behaviors than behavior by default (such as nesting all a list elements to a sidebar instead an inline-list selectbox), I'm also limited.
Looks my interface I gave you the permissions to see, does it please you?
Of course I need more time to craft the rest!
The CSS restrictions in Gradio are really difficult. There are only a few parts that can be avoided even with themes. However, if you use inline block, etc., the layout itself often breaks.π
Totally agree. It's why we need to make use of Javascript triggers aswell for not relying only on Gradio events (for UI) but also on controlled HTML behavior from Javascript! π