acid-info/lsd
1
0
Fork 0
mirror of https://github.com/acid-info/lsd.git synced 2025-01-12 01:54:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: center tab text when there's no icon

Browse Source
This commit is contained in:
jongomez 2023-10-23 13:56:48 +01:00 committed by Jon
parent 8f5f6571bc
commit 8cf7500d00
3 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/lsd-react/src/components/TabItem/TabItem.classes.ts
View File

@ -8,4 +8,6 @@ export const tabItemClasses = {
small: 'lsd-tab-item--small',
medium: 'lsd-tab-item--medium',
large: 'lsd-tab-item--large',
tabWithoutIcon: 'lsd-tab-item--without-icon',
}

4
packages/lsd-react/src/components/TabItem/TabItem.styles.ts
View File

@ -41,6 +41,10 @@ export const TabItemStyles = css`
}
}
.${tabItemClasses.tabWithoutIcon} {
justify-content: center;
}
.${tabItemClasses.disabled} {
cursor: default;
opacity: 0.34;

1
packages/lsd-react/src/components/TabItem/TabItem.tsx
View File

@ -51,6 +51,7 @@ export const TabItem: React.FC<TabItemProps> & {
tabItemClasses[size],
selected && tabItemClasses.selected,
props.disabled && tabItemClasses.disabled,
!icon && tabItemClasses.tabWithoutIcon,
)}
onClick={onClick}
>