Small fixes

This commit is contained in:
Gustavo Lelis 2020-04-07 17:16:11 -03:00 committed by James A. Petts
parent f838de8059
commit 345d136590
4 changed files with 19 additions and 11 deletions

View File

@ -67,7 +67,7 @@ const SidePanel = ({
onClick={() => {
setIsOpen(false);
}}
className="flex flex-row items-center border-b w-100 border-secondary-main h-12"
className="flex flex-row items-center border-b-2 w-100 border-secondary-main h-12"
>
<Icon
name={openIconName[side]}

View File

@ -20,9 +20,11 @@ const Viewer = () => {
componentLabel="Studies"
defaultIsOpen={false}
>
<div>LEFT SIDE PANE CONTENT</div>
<div className="flex justify-center text-white p-2">
panel placeholder
</div>
</SidePanel>
<div className="flex-1 h-100 overflow-hidden w-100 bg-primary-main">
<div className="flex flex-1 h-100 overflow-hidden w-100 bg-primary-main items-center justify-center text-white">
CONTENT
</div>
<SidePanel
@ -30,9 +32,11 @@ const Viewer = () => {
iconName="list-bullets"
iconLabel="Measure"
componentLabel="Measurements"
defaultIsOpen={true}
defaultIsOpen={false}
>
<div>RIGHT SIDE PANEL CONTENT</div>
<div className="flex justify-center text-white p-2">
panel placeholder
</div>
</SidePanel>
</div>
</div>

View File

@ -27,9 +27,11 @@ import { NavBar, SidePanel, Svg } from '@ohif/ui';
componentLabel="Studies"
defaultIsOpen={false}
>
<div>LEFT SIDE PANE CONTENT</div>
<div className="flex justify-center text-white p-2">
panel placeholder
</div>
</SidePanel>
<div className="flex-1 h-100 overflow-hidden w-100 bg-primary-main">
<div className="flex flex-1 h-100 overflow-hidden w-100 bg-primary-main items-center justify-center text-white">
CONTENT
</div>
<SidePanel
@ -37,9 +39,11 @@ import { NavBar, SidePanel, Svg } from '@ohif/ui';
iconName="list-bullets"
iconLabel="Measure"
componentLabel="Measurements"
defaultIsOpen={true}
defaultIsOpen={false}
>
<div>RIGHT SIDE PANEL CONTENT</div>
<div className="flex justify-center text-white p-2">
panel placeholder
</div>
</SidePanel>
</div>
</div>

View File

@ -1,12 +1,12 @@
import React from 'react';
import { ThemeWrapper, Viewer } from '@ohif/ui';
import { ThemeWrapper } from '@ohif/ui';
import ConnectedStudyList from './connectedComponents/ConnectedStudyList';
const App = () => {
return (
<ThemeWrapper>
<Viewer />
<ConnectedStudyList />
</ThemeWrapper>
);
};