othmane/ohif-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix side panel header

Browse Source
This commit is contained in:
Rodrigo Antinarelli 2020-04-13 14:53:36 -03:00 committed by James A. Petts
parent cb9011b58a
commit ed30a4ccac
1 changed files with 24 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
platform/ui/src/components/SidePanel/SidePanel.jsx
View File

@ -70,25 +70,29 @@ const SidePanel = ({
return ( return (
<React.Fragment> <React.Fragment>
{isOpen ? ( {isOpen ? (
<Button <div className="px-3 border-b border-secondary-light">
variant="text" <Button
color="inherit" variant="text"
rounded="none" color="inherit"
onClick={() => { rounded="none"
setIsOpen(false); onClick={() => {
}} 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 >
name={openIconName[side]} <Icon
className={classnames( name={openIconName[side]}
'text-primary-active absolute', className={classnames(
side === 'left' && 'order-last' 'text-primary-active absolute',
)} side === 'left' && 'order-last'
style={{ ...position[side] }} )}
/> style={{ ...position[side] }}
<span className="flex-1 text-primary-active">{componentLabel}</span> />
</Button> <span className="flex-1 text-primary-active">
{componentLabel}
</span>
</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>
); );