-
Notifications
You must be signed in to change notification settings - Fork 20
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
Implement new UI to Configurations - general #1020
Implement new UI to Configurations - general #1020
Conversation
Nice! Edit: there's a small CI problem about an unused import to be solved. |
653ee9a
to
5b04bda
Compare
Signed-off-by: Arturo Manzoli <arturomanzoli@gmail.com>
Signed-off-by: Arturo Manzoli <arturomanzoli@gmail.com>
Signed-off-by: Arturo Manzoli <arturomanzoli@gmail.com>
Signed-off-by: Arturo Manzoli <arturomanzoli@gmail.com>
Signed-off-by: Arturo Manzoli <arturomanzoli@gmail.com>
Signed-off-by: Arturo Manzoli <arturomanzoli@gmail.com>
Signed-off-by: Arturo Manzoli <arturomanzoli@gmail.com>
00c454a
to
d041017
Compare
Signed-off-by: Arturo Manzoli <arturomanzoli@gmail.com>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This new UI is simply beautiful!
There's a small bug preventing the closing of the sub-menus as well as the main-menu (the only way to do it right now seems to be by re-clicking the sub-menu button and them clicking the main-menu button), but I will open an issue for us to tackle that afterwards.
aabdaed
into
bluerobotics:interface-rework
Main features:
Main menu and configs submenu responsiveness with simplified versions for small screen devices;
New Modal and Expansible-panels Vue components;
Refactoring of General Configurations component to suits the new UI and fit on different screen sizes;
Main responsiveness logic (store and Tailwind) updated;
Information/help drawers added:
https://github.com/bluerobotics/cockpit/assets/14910201/42f0ea58-63fc-4c35-a8dc-b356134924bb
Regular size screens:
https://github.com/bluerobotics/cockpit/assets/14910201/c8c67845-fcf5-43a7-8d1f-d2e2477f4e4a
Very small screens:
https://github.com/bluerobotics/cockpit/assets/14910201/63df7c5b-4140-4fb6-99f5-6a55bec1110e
Closes #969