Skip to content

landing page: Reduce vertical spacing of the pane header #1563

@matevz

Description

@matevz

On my HD screen only two panes are currently visible:

Image

Some suggestions:

  • reduce the pane background blue gradient to about 1/3 of the pane height. Also reduce the icon sizes accordingly
  • move the text content in the pane up so that the bottom line of a title is aligned with the bottom margin of the icon on the right
  • the title is still on blue, but the text should be on pure white
  • for whole-line panes (use cases, build), vertically align the top of the doccards on the right with the top of the text on the left. Currently they are aligned with the title
  • if feels too cluttered, increase the spacing between the title and the text

Similarly on mobile, the space between the top of the pane and the beginning of the title should be halved so that you fit at least the whole "Use Cases" pane on a single phone screen. Currently it looks like this:

Image

Metadata

Metadata

Assignees

Labels

uidocusaurus-related component and fix

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions