Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(Widget): add rounded corners to Tabs Widget

Browse Source
This commit is contained in:
Yedoti Sumanth 2020-11-03 09:17:27 +05:30 committed by Sumanth Yedoti
parent e14f23c31d
commit 41411bddcb
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/client/src/components/designSystems/appsmith/TabsComponent.tsx
View File

@ -42,6 +42,9 @@ const ChildrenWrapper = styled.div`
border-top: none;
border-color: ${props => props.theme.colors.bodyBG};
background: ${props => props.theme.colors.builderBodyBG};
border-bottom-right-radius: ${props => `${props.theme.radii[1]}px`};
border-bottom-left-radius: ${props => `${props.theme.radii[1]}px`};
overflow: hidden;
`;
const ScrollableCanvasWrapper = styled.div<
@ -61,6 +64,10 @@ const TabsContainer = styled.div`
overflow-y: hidden;
${scrollbarLight};
background: ${props => props.theme.colors.builderBodyBG};
border-top-right-radius: ${props => `${props.theme.radii[1]}px`};
border-top-left-radius: ${props => `${props.theme.radii[1]}px`};
border: 1px solid red;
overflow: hidden;
&& {
height: 38px;
width: 100%;
@ -130,7 +137,7 @@ const TabsComponent = (props: TabsComponentProps) => {
{tab.label}
</StyledText>
))}
<StyledTab></StyledTab>
<StyledTab />
</TabsContainer>
) : (
undefined