Skip to content
This repository was archived by the owner on Apr 26, 2024. It is now read-only.

(Fix) remove background color and center icons from Tabs component #87

Merged
fernandomg merged 2 commits into from
Jan 13, 2021
Merged

(Fix) remove background color and center icons from Tabs component #87

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
37baf7e
remove white background and center icons
alongoni Jan 4, 2021
0575c5b
change border bottom widh to 2px
alongoni Jan 8, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 2 additions & 13 deletions src/navigation/Tab/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,9 +28,9 @@ export type Props = {
};

const TabWrapper = styled.div<{ variant: Variant }>`
border-bottom: ${({ variant, theme }) =>
box-shadow: ${({ variant, theme }) =>
variant === 'outlined'
? '1px solid ' + theme.colors.overlay.color
? 'inset 0 -2px 0' + theme.colors.overlay.color
: 'none'};
`;

Expand All @@ -45,23 +45,12 @@ type CustomTabsProps = TabsProps<
const CustomTabs = ({ variantStyle, ...rest }: CustomTabsProps) => {
const CustomTabsMui = withStyles({
root: {
backgroundColor:
variantStyle === 'contained' ? theme.colors.white : theme.colors.white,
borderRadius: variantStyle === 'contained' ? '8px 8px 0 0' : 'inherit',

'& .MuiTabs-indicator': {
backgroundColor:
variantStyle === 'outlined' ? theme.colors.primary : 'transparent',
},
'& .MuiTab-wrapper svg': {
marginTop: '4px',
},
'& .MuiTab-root.Mui-selected': {
backgroundColor:
variantStyle === 'contained'
? theme.colors.inputField
: theme.colors.white,
},
'& .MuiTab-textColorInherit.Mui-selected p': {
color: theme.colors.primary,
fontWeight: '700',
Expand Down