Small fixes
This commit is contained in:
parent
f838de8059
commit
345d136590
@ -67,7 +67,7 @@ const SidePanel = ({
|
|||||||
onClick={() => {
|
onClick={() => {
|
||||||
setIsOpen(false);
|
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
|
<Icon
|
||||||
name={openIconName[side]}
|
name={openIconName[side]}
|
||||||
|
|||||||
@ -20,9 +20,11 @@ const Viewer = () => {
|
|||||||
componentLabel="Studies"
|
componentLabel="Studies"
|
||||||
defaultIsOpen={false}
|
defaultIsOpen={false}
|
||||||
>
|
>
|
||||||
<div>LEFT SIDE PANE CONTENT</div>
|
<div className="flex justify-center text-white p-2">
|
||||||
|
panel placeholder
|
||||||
|
</div>
|
||||||
</SidePanel>
|
</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
|
CONTENT
|
||||||
</div>
|
</div>
|
||||||
<SidePanel
|
<SidePanel
|
||||||
@ -30,9 +32,11 @@ const Viewer = () => {
|
|||||||
iconName="list-bullets"
|
iconName="list-bullets"
|
||||||
iconLabel="Measure"
|
iconLabel="Measure"
|
||||||
componentLabel="Measurements"
|
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>
|
</SidePanel>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -27,9 +27,11 @@ import { NavBar, SidePanel, Svg } from '@ohif/ui';
|
|||||||
componentLabel="Studies"
|
componentLabel="Studies"
|
||||||
defaultIsOpen={false}
|
defaultIsOpen={false}
|
||||||
>
|
>
|
||||||
<div>LEFT SIDE PANE CONTENT</div>
|
<div className="flex justify-center text-white p-2">
|
||||||
|
panel placeholder
|
||||||
|
</div>
|
||||||
</SidePanel>
|
</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
|
CONTENT
|
||||||
</div>
|
</div>
|
||||||
<SidePanel
|
<SidePanel
|
||||||
@ -37,9 +39,11 @@ import { NavBar, SidePanel, Svg } from '@ohif/ui';
|
|||||||
iconName="list-bullets"
|
iconName="list-bullets"
|
||||||
iconLabel="Measure"
|
iconLabel="Measure"
|
||||||
componentLabel="Measurements"
|
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>
|
</SidePanel>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,12 +1,12 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { ThemeWrapper, Viewer } from '@ohif/ui';
|
import { ThemeWrapper } from '@ohif/ui';
|
||||||
|
|
||||||
import ConnectedStudyList from './connectedComponents/ConnectedStudyList';
|
import ConnectedStudyList from './connectedComponents/ConnectedStudyList';
|
||||||
|
|
||||||
const App = () => {
|
const App = () => {
|
||||||
return (
|
return (
|
||||||
<ThemeWrapper>
|
<ThemeWrapper>
|
||||||
<Viewer />
|
<ConnectedStudyList />
|
||||||
</ThemeWrapper>
|
</ThemeWrapper>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user