Updates plateform UX to fit Pyronear style & improves UX #180
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Motivation
The style of our platform seems a little too carnival-like to me & the format of the various buttons too rounded with coarse margins. Moreover, the scroll activation button doesn't look natural.
The aim of this PR is to come up with a more coherent design that fits with the Pyronear color code.
Below, You can see various screenshot showing how it renders.
it seemed appropriate to consider a small style update before developing new screens (dashboard cameras) & inspiring the redesign in react
What has been done
Tested on Chrome & Safari on 14inch & big screen (16:9?)
This PR introduces the following modification :
About the right side panel, I've switched map and info panel position. I am not sure what is the best, do you have any opinion ?
Happy to discuss it !