Fixed broken inheritance chain for viewport height/width.
[!IMPORTANT]
This PR should not be merged until the appropriate design reviews have been carried out.
See the Discord thread for details.
Design
I am not sure if I like this - I would love some genuine feedback on design - I'm not sensitive, please criticise to your heart's content.
For comparison, here is the old design
To me, this design had a few points of improvement:
disclaimer: this is just my opinion, feel free to dispute this points!
The main action the user is expected is off to the left and is not emphasized - the Google icon helps, but my attention mainly goes to the VPS text semi-centered.
The description is sized larger relative to the login button
The black on white on default font is a little... "unpolished" :smiling_face_with_tear:
nit: The UoA logo is a little squished at the top left
Alongside the new design:
This design is heavily simplified, removing the main side-bar layout. Simultaneously, I tried to keep most of the content.
Some nice little details have also been included, like the fact that the button now shows a loading spinner when logging in: (helps users if the popup appears on a second monitor, etc.)
Regressions
The default app background has been changed to an off-white (#f8fafc or slate-50). This means that anything that currently has a white background will need to be updated to be either transparent or match the colour. I have left most of these alone as we will need to update them properly in the future.
Description
Design
I am not sure if I like this - I would love some genuine feedback on design - I'm not sensitive, please criticise to your heart's content.
For comparison, here is the old design
To me, this design had a few points of improvement: disclaimer: this is just my opinion, feel free to dispute this points!
Alongside the new design:
This design is heavily simplified, removing the main side-bar layout. Simultaneously, I tried to keep most of the content.
Some nice little details have also been included, like the fact that the button now shows a loading spinner when logging in: (helps users if the popup appears on a second monitor, etc.)
Regressions
#f8fafcorslate-50). This means that anything that currently has a white background will need to be updated to be either transparent or match the colour. I have left most of these alone as we will need to update them properly in the future.