refactor: update UI components and styles #1014
Conversation
|
looks neat to me, @wonderwhy-er @emcconnell what do you guys think?? |
|
Hello everyone! That's cool 🔥 It just made me think about big screen responsiveness. When I'm on a bigger resolution, I noticed that the code and preview window don't stretch like the Bolt.new interface. Not a big deal, but I wanted to let you know 🫶 |
|
Looks good to me. If @lecondor-dev large screen issue above) is easy to address with this, it might be good to add it. |
|
@coleam00 can we have the cloudflare account setup and us as team members, that we we can setup a gh action which will auto deploy these PR it a url and we can easily review |
|
I am not sure if we need it really minimalistic on the startpage. I think for most new/nooby users it´s way better to have these button which can be seen right away. You could do the minimalistic on smaller screens, but who working with bolt an smaller screens doesnt make sense anyway at my point of view. But, yes, other then that, the icons look cool :D |
|
@leex279 Thank you very much for your feedback! My intention is to make Bolt.diy visually cleaner. |
|
I made a few more adjustments to Bolt.diy:
|
|
I'm just waiting for your approval when you want to merge. Can someone @thecodacus, @emcconnell and @wonderwhy-er help with @lecondor-dev request? So we can merge all the changes from this PR. |
|
I honestly prefer import buttons more prominent I think new users will not find them this way... |
This is a really good idea! I could create the Cloudflare account, though I'd have to dive into how to make these PRs autodeploy. Not entirely sure how to do that atm, but maybe you have more of an idea? Just haven't used Cloudflare much before! |
I agree with this! What do you think @Toddyclipsgg? |
|
I think the more minimalist UI looks way better including moving the big prominent buttons, they feel clunky and out of place in the current UI to me. However, I think they have a lot of value to newer users and less tech-savvy people in general as the bigger buttons with their use spelled out. I propose a toggle feature in the settings appearance section would be nice. There is another feature some one proposed with PR that adds a planning agent to bolt, which came out really nice, I think minimizing the UI would make room for some buttons that make more sense to be displayed in that manner, as I'm sure if we approve the planning agent there will certainly also be other features that need buttons like that and we could quickly work ourselves into an overcrowding issue. |
|
Although I will say as far as the spacing goes, I think the chat window is getting a little to much real estate where as the code container could use a little more. I don't think it needs to be quite as extreme as bolt.new, but the more space for the preview window the better honestly |
|
Regarding the preview: There were some requests/topics asking if the preview could be outside of bolt / an extra windows. Dont know if possible, but would be really nice if we could manage to make it its own browser-tab/windows so it can be moved to a second monitor |
I love this! |
|
If everyone agrees to leave UI like this for new users you can close this PR. @coleam00 |
|
After reading what @Digitl-Alchemyst said, I think he has a certain kind of basis because I also think that in the future we will have to adapt the buttons because we will add new features and this will increasingly take up more and more of the UI, so making it cleaner would be a more correct proposal and I could also create a tutorial for new users explaining what each button is for and what they do or something like that because the complexity of the project will become increasingly more complex. What do you think @coleam00? |
|
Its not about that |
|
Do you have any examples? I am willing to make changes so that I can also contribute in some way. By the way, if I were to take a course to learn how to program and learn more about how I can help with modifications, errors and other features of bolt.diy. Which course should I take? @wonderwhy-er |
|
I will say that I think the chat window and contains UI mods, and the initial screen UI mods where the button are moved (how ever they are handled) should be done in 2 separate request, citing the discussion yesterday we all had where we talked about tracking down changes in the future and isolated changes. I am thinking those buttons don't belong in the initial chat window any more than they look good how they are perhaps a sections dedicated to various methods that can be used to start projects including the base templates |
|
I'm going to make some changes and let's see what you think of my idea. |
I made some changes to the Bolt.diy UI to make it more beautiful and minimalist, I hope you approve.