search

AtlasOfLivingAustralia / ala-mantine

Shared ALA theming & components using the Mantine component library
1 stars 0 forks source link

Species pages "tabs" display #1

Open nickdos opened 1 month ago

nickdos commented 1 month ago

There are 2 minor differences between the Figma design and ala-mantine-demo implementations of the species page for the "tabs" layout.

  1. The ala-mantine-demo version has a line-height of 25px for the tab (button) text, whereas the Figma design specifies 20px. This makes the tabs a little too tall, compared to the Figma version.
  2. The tabs background-color is now white on the Figma design, whereas the demo has the same grey background-color as the top section of the page.

See screenshots:

image image

nickdos commented 1 month ago

I wasn't sure if these CSS rules were part of ala-mantine or part of the demo app, so feel free to move this.

jack-brinkman commented 1 month ago

@nickdos Just pushed a fix then (and related tabs background colour change to ala-mantine-demo)