Unverified Commit 9ccb237a authored by Guilherme Gazzo's avatar Guilherme Gazzo Committed by GitHub
Browse files

fix: Sidebar - Missing subcomponents (#292)

parent 9fa3bf03
......@@ -24,7 +24,7 @@ const Subtitle = ({ className, ...props }) => <div className={`rc-box rcx-box--f
const Wrapper = ({ className, ...props }) => <div className={`rc-box rcx-box--full rcx-sidebar-item__wrapper ${ className }`} {...props}/>;
const Icon = (props) => <FuselageIcon w='x12' mi='x4' size='x16' {...props} />;
const Icon = ({ children, ...props }) => <div className='rc-box rcx-box--full rcx-sidebar-item__icon' {...props}>{ children || <FuselageIcon size='x16' {...props} />}</div>;
const Avatar = (props) => <Container><div className='rc-box rcx-box--full rcx-sidebar-item__avatar' {...props}/></Container>;
......
......@@ -92,7 +92,7 @@ $sidebar-item-color-selected: theme('sidebar-item-color-selected', colors.foregr
&__avatar {
flex: 0 0 auto;
margin-block: lengths.padding(4);
margin-inline: lengths.margin(4);
@include typography.use-with-truncated-text();
}
......@@ -101,6 +101,15 @@ $sidebar-item-color-selected: theme('sidebar-item-color-selected', colors.foregr
flex: 0 0 auto;
}
&__icon {
@include typography.use-with-truncated-text();
display: flex;
justify-content: center;
width: lengths.size(12);
margin-inline: lengths.margin(4);
}
&__content {
@include typography.use-with-truncated-text();
flex-wrap: wrap;
......@@ -114,17 +123,16 @@ $sidebar-item-color-selected: theme('sidebar-item-color-selected', colors.foregr
display: block;
flex: 1 1 1%;
margin-inline: lengths.padding(4);
margin-inline: lengths.margin(4);
}
&__subtitle {
@include typography.use-font-scale(c1);
margin-inline: lengths.padding(8);
}
&__time {
@include typography.use-font-scale(micro);
margin-inline: lengths.padding(8);
margin-inline: lengths.margin(8);
}
&__wrapper {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment