admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fix tab icon alignment issue (#11613)

Browse Source 
before:
![Screenshot 2025-04-17 at 13 40
00](https://github.com/user-attachments/assets/b29b3e6b-0185-4289-950c-37a24b63cb65)

after:
![Screenshot 2025-04-17 at 13 39
49](https://github.com/user-attachments/assets/af2efe6f-3908-40d6-acde-d2839a5a8ba2)
This commit is contained in:
nitin
2025-04-17 13:59:51 +05:30
committed by GitHub
parent b5e6600c73
commit d89474d43b
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/twenty-front/src/modules/ui/layout/tab/components/Tab.tsx
View File

@ -4,8 +4,8 @@ import { useTheme } from '@emotion/react';
import styled from '@emotion/styled'; import styled from '@emotion/styled';
import { ReactElement } from 'react'; import { ReactElement } from 'react';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import { Avatar, IconComponent } from 'twenty-ui/display';
import { Pill } from 'twenty-ui/components'; import { Pill } from 'twenty-ui/components';
import { Avatar, IconComponent } from 'twenty-ui/display';
type TabProps = { type TabProps = {
id: string; id: string;
@ -69,6 +69,9 @@ const StyledHover = styled.span`
const StyledIconContainer = styled.div` const StyledIconContainer = styled.div`
flex-shrink: 0; flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
`; `;
export const Tab = ({ export const Tab = ({