Skip to content

Align main tabs with penpot design #628

@kwerber

Description

@kwerber

Describe the bug

Currently the main tabs do not look exactly like the trufos penpot design. We should make the necessary adjustments so that it looks as close to the design as possible.

Here are the major differences that we should fix:

  • The text color for inactive tabs should not be white, but instead should be colored with the secondary color
  • When hovering over a tab, the pointer cursor should be used
  • The text on the active tab should not be bold
  • Instead of Params, the tab should be named Parameters
  • Currently the text in the Params tab does not mention the count of active parameters. We should implement it similar to the headers tab, so that it shows the count of active params

To Reproduce

  1. Start trufos and look at the main top bar
  2. Compare it to the penpot design

Expected behavior

The implementation should look like the penpot design.

Screenshots/Video

Current implementation:

Image

Intended look and feel from the penpot design:

Image

Additional context

You can take a look at our penpot design here. You can get better access to the penpot design by clicking on this link and logging in with the username [email protected] and password password.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions