No description provided.

Thanks!😊

Yw

John6666 changed pull request status to merged

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! 😁

Sign up or log in to comment