Skip to content

Commit c92386f

Browse files
author
Douglas Fabris
authored
feat: Tabs Design Margin (#437)
1 parent 6ea5648 commit c92386f

10 files changed

+3
-7
lines changed
Loading
Loading
Loading
Loading
Loading
Loading
Loading
Loading

packages/fuselage/src/components/Tabs/index.js

+1-7
Original file line numberDiff line numberDiff line change
@@ -7,13 +7,7 @@ export function Tabs({ children, ...props }) {
77
return (
88
<Box is='div' rcx-tabs {...props}>
99
<Box is='div' rcx-tabs__scroll-box>
10-
<Box
11-
is='div'
12-
p='x4'
13-
rcx-tabs__wrapper
14-
children={children}
15-
role='tablist'
16-
/>
10+
<Box is='div' rcx-tabs__wrapper children={children} role='tablist' />
1711
</Box>
1812
</Box>
1913
);

packages/fuselage/src/components/Tabs/styles.scss

+2
Original file line numberDiff line numberDiff line change
@@ -64,6 +64,8 @@ $tabs-disabled-selected-border-color: theme(
6464
display: flex;
6565

6666
flex-wrap: nowrap;
67+
68+
margin: lengths.margin(none) lengths.margin(12);
6769
}
6870

6971
.rcx-tabs__item {

0 commit comments

Comments
 (0)