Inconsistent Tab Layouts on Record Pages about twenty HOT 1 OPEN

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

from twenty.