Skip to content

Resolve "Monitoring graph empty states are gigantic on `screen-sm` viewport sizes"

What does this MR do?

  • removes unnecessary markup from the empty state component, simplifies with css
  • limits the max-width of the component to 430px as per the UX guidelines
  • further limited the svg width to 80vh to ensure readability on mobile devices

Screenshots (if relevant)

before after
before after

What are the relevant issue numbers?

Closes #37111 (closed)

Edited by username-removed-636429

Merge request reports