Reduce layout shifts in usage quotas > seats page

What does this MR do and why?

The MR adjusts the height of loading spinners to reduce the layout shifts that happens when the data is fetched.

References

Please include cross links to any resources that are relevant to this MR. This will give reviewers and future readers helpful context to give an efficient review of the changes introduced.

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Loading (before) Data loaded (for reference) Loading (after)
Screenshot_2025-01-23_at_17.33.42 Screenshot_2025-01-23_at_17.31.09 Screenshot_2025-01-23_at_17.30.54

How to set up and validate locally

  • Navigate to a group's usage quotas > seats
  • Observe the loading spinner

Related to #504336 (closed)

Edited by Ammar Alakkad

Merge request reports

Loading