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

Small style update

Browse Source
This commit is contained in:
Gustavo Lelis 2020-04-06 19:29:37 -03:00 committed by James A. Petts
parent 8be7854118
commit a2ff5e9e48
2 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -20,8 +20,8 @@ const dynamicStyle = {
}; };
const sideClasses = { const sideClasses = {
left: 'border-r-1', left: 'border-r-4',
right: 'border-l-1', right: 'border-l-4',
}; };
const baseClassName = const baseClassName =
@ -36,8 +36,8 @@ const SidePanel = ({
iconName, iconName,
}) => { }) => {
const [isOpen, setIsOpen] = useState(defaultIsOpen); const [isOpen, setIsOpen] = useState(defaultIsOpen);
const openStatus = isOpen ? 'open' : 'closed';
const style = Object.assign({}, isOpen ? openStyle : closedStyle, baseStyle); const style = Object.assign({}, dynamicStyle[openStatus][side]);
return ( return (
<div <div

4
platform/ui/src/views/Viewer/Viewer.js
View File

@ -15,18 +15,16 @@ const Viewer = () => {
> >
<SidePanel <SidePanel
side="left" side="left"
className="h-100 bg-primary-light border-r-1 border-black"
iconName="launch-arrow" iconName="launch-arrow"
componentName="Study List" componentName="Study List"
> >
<div>GUSTAVO</div> <div>GUSTAVO</div>
</SidePanel> </SidePanel>
<div className="flex-1 h-100 overflow-hidden w-100 bg-black"> <div className="flex-1 h-100 overflow-hidden w-100 bg-primary-main">
CONTENT CONTENT
</div> </div>
<SidePanel <SidePanel
side="right" side="right"
className="h-100 bg-primary-light border-l-1 border-black"
iconName="launch-arrow" iconName="launch-arrow"
componentName="Measurements" componentName="Measurements"
> >