acid-info
/
lsd
mirror of https://github.com/acid-info/lsd.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: use withIcon modifier instead of withoutIcon

This commit is contained in:
jongomez 2023-11-07 15:30:30 +00:00 committed by Jon
parent 8cf7500d00
commit 38339b84dc
3 changed files with 5 additions and 5 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

@ -9,5 +9,5 @@ export const tabItemClasses = {
medium: 'lsd-tab-item--medium', medium: 'lsd-tab-item--medium',
large: 'lsd-tab-item--large', large: 'lsd-tab-item--large',
tabWithoutIcon: 'lsd-tab-item--without-icon', withIcon: 'lsd-tab-item--with-icon',
} }

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

@ -10,7 +10,7 @@ export const TabItemStyles = css`
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: space-between; justify-content: center;
&:hover { &:hover {
text-decoration: underline; text-decoration: underline;
@ -41,8 +41,8 @@ export const TabItemStyles = css`
} }
} }
.${tabItemClasses.tabWithoutIcon} { .${tabItemClasses.withIcon} {
justify-content: center; justify-content: space-between;
} }
.${tabItemClasses.disabled} { .${tabItemClasses.disabled} {

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

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