Updated SidebarLayout styles

• Updated:
- SidebarLayout styles
This commit is contained in:
mgabdev
2020-10-30 18:23:38 -05:00
parent 86dd626a8e
commit b434704000

View File

@@ -47,7 +47,7 @@ class SidebarLayout extends React.PureComponent {
<div className={[_s.d, _s.w100PC].join(' ')}> <div className={[_s.d, _s.w100PC].join(' ')}>
{ {
!!title && !!title &&
<div className={[_s.d, _s.flexRow, _s.px5, _s.pt10].join(' ')}> <div className={[_s.d, _s.flexRow, _s.px5, _s.pt10, _s.minH40PX, _s.aiStart].join(' ')}>
{ {
showBackBtn && showBackBtn &&
<BackButton <BackButton
@@ -64,15 +64,15 @@ class SidebarLayout extends React.PureComponent {
actions.map((action, i) => ( actions.map((action, i) => (
<Button <Button
isNarrow isNarrow
backgroundColor='none' backgroundColor='tertiary'
color='primary' color='primary'
onClick={action.onClick ? () => action.onClick() : undefined} onClick={action.onClick ? () => action.onClick() : undefined}
to={action.to} to={action.to}
key={`action-btn-${i}`} key={`action-btn-${i}`}
className={[_s.ml5, _s.px5].join(' ')} className={[_s.ml5, _s.px5].join(' ')}
icon={action.icon} icon={action.icon}
iconClassName={_s.cPrimary} iconClassName={[_s.cSecondary, _s.px5, _s.py5].join(' ')}
iconSize='14px' iconSize='15px'
/> />
)) ))
} }
@@ -82,7 +82,7 @@ class SidebarLayout extends React.PureComponent {
} }
{ {
!!tabs && !!tabs &&
<div className={[_s.d, _s.mt10, _s.pb15, _s.borderBottom1PX, _s.borderColorSecondary].join(' ')}> <div className={[_s.d, _s.mt10, _s.pb10, _s.borderBottom1PX, _s.borderColorSecondary].join(' ')}>
<Pills pills={tabs} /> <Pills pills={tabs} />
</div> </div>
} }