Consolidate UI with GA designs
What does this MR do and why?
The MR consolidates portion of the latest designs for usage billing:
- Update the copy of cards/column title
- Adjust progress bar height
- Adjust some text colors to gray
- Hide the "export" button on user usage page
References
#577702
Screenshots or screen recordings
Condition | Before | After |
---|---|---|
Admin > Duo page | ![]() |
![]() |
With pool | ![]() |
![]() |
No pool | ![]() |
![]() |
User usage page | ![]() |
![]() |
How to set up and validate locally
- For the duo usage card, navigate to Admin > Duo page, observe duo usage card
- For the rest of usage pages, run
yarn storybook:start
then navigate to:
MR acceptance checklist
Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Edited by Ammar Alakkad