Inconsistent Tab Layouts on Record Pages

[Bonapara]

Current behavior

The Record pages tab layouts are not consistent:

CleanShot.2024-06-18.at.11.51.18.mp4

Desired Behavior

The padding should be consistent: Check values on Figma
The font used should be H3: Check on Figma

https://www.figma.com/design/xt8O9mFeLl46C5InWwoMrN/Twenty?node-id=14921-60484&t=jqRWyAJosBHzOW0I-11

[greptile-apps]

To resolve the inconsistent tab layouts on Record pages:

1. Update Padding:

   • Locate the relevant components in src/components/RecordTabs.js.
   • Adjust the padding values to match those specified in the Figma design.

   const TabContainer = styled.div`
     padding: 16px; // Update this value as per Figma
   `;

2. Update Font:

   • Ensure the font used is H3 in the same file or relevant CSS/Styled-Components.

   const TabTitle = styled.h3`
     font-size: 1.5em; // Ensure this matches H3 specifications from Figma
     font-family: 'YourFontFamily';
   `;

Refer to the Figma design for exact values and ensure all instances are updated accordingly.

References