Empty state: design and layout
Stemming from a conversation on slack about empty states:
We need to reconsider the layout of empty states and how they refactor on smaller screens. Today the design documentation states:
Description
- If the description needs to wrap on desktop, align it to the left.
- If the title needs to wrap on desktop, align both the title and description to the left.
- If the title and description do not wrap on desktop, center them horizontally.
This is causing some compromises to the design of empty states. Instead, we should consider a layout that doesn't need to mix center-aligned and left-aligned titles and body copy.
@tauriedavis proposed this layout:
Which eliminates the need to have empty states who's headlining are center-aligned and left-aligned.