fix side panel header

This commit is contained in:
Rodrigo Antinarelli 2020-04-13 14:53:36 -03:00 committed by James A. Petts
parent cb9011b58a
commit ed30a4ccac

View File

@ -70,6 +70,7 @@ const SidePanel = ({
return ( return (
<React.Fragment> <React.Fragment>
{isOpen ? ( {isOpen ? (
<div className="px-3 border-b border-secondary-light">
<Button <Button
variant="text" variant="text"
color="inherit" color="inherit"
@ -77,7 +78,7 @@ const SidePanel = ({
onClick={() => { onClick={() => {
setIsOpen(false); setIsOpen(false);
}} }}
className="flex flex-row items-center border-b border-secondary-light px-3 h-12 relative w-full" className="flex flex-row items-center px-3 h-12 relative w-full"
> >
<Icon <Icon
name={openIconName[side]} name={openIconName[side]}
@ -87,8 +88,11 @@ const SidePanel = ({
)} )}
style={{ ...position[side] }} style={{ ...position[side] }}
/> />
<span className="flex-1 text-primary-active">{componentLabel}</span> <span className="flex-1 text-primary-active">
{componentLabel}
</span>
</Button> </Button>
</div>
) : ( ) : (
<Button <Button
variant="text" variant="text"
@ -119,7 +123,7 @@ const SidePanel = ({
)} )}
style={style} style={style}
> >
<div>{getSidePanelHeader()}</div> {getSidePanelHeader()}
{isOpen && children} {isOpen && children}
</div> </div>
); );