Skip to content

Debug 1.1 - Update max-widths for empty state and non failed run copy #25669

Closed
@warrensplayer

Description

@warrensplayer

** Current behavior**
The copy used for Debug page empty states and for the non-failed status use cases have widths that do not match the designs.

Example empty state
image.png

DebugOverLimit
Screenshot 2023-02-01 at 12.38.45 PM.png

** Desired behavior**
Update the widths for these different components to match the designs.

The empty state components should have a max width of 640px.

  • DebugNotLoggedIn
  • DebugNoProject
  • DebugNoRuns
  • DebugError

With 640px max width
image.png

Figma: https://www.figma.com/file/PAOozuCxtfetqP8fUVvg0y/branch/QkCp2F69X0qyLo7qnYQ67e/Cypress-App?node-id=21167%3A199979&t=kRQDympkDV8byvGw-1

The non-failed status components should have a max-width of 440px.

  • DebugOverLimit

With 440px max width
Screenshot 2023-02-01 at 12.40.21 PM.png

Figma: https://www.figma.com/file/PAOozuCxtfetqP8fUVvg0y/branch/QkCp2F69X0qyLo7qnYQ67e/Cypress-App?node-id=21180%3A190683&t=kRQDympkDV8byvGw-1

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions