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

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

@ -15,18 +15,16 @@ const Viewer = () => {
>
<SidePanel
side="left"
className="h-100 bg-primary-light border-r-1 border-black"
iconName="launch-arrow"
componentName="Study List"
>
<div>GUSTAVO</div>
</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
</div>
<SidePanel
side="right"
className="h-100 bg-primary-light border-l-1 border-black"
iconName="launch-arrow"
componentName="Measurements"
>