Updated SidebarLayout styles
• Updated: - SidebarLayout styles
This commit is contained in:
@@ -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>
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user