eda99a0bac
* Initial code changes for StudyBrowser * StudyItem component basic strucure * Adding new icon * Updates to get StudyItem working * Small fix on side panel open header * Adding new icons * Thumbnail List * ThumbnailSR WIP * Thumanil WIP * Export new components into ohif/ui * Updates on style * Update ThumbnailSR style * Margin updates * MAke it scrollable * Make it scrollable * Style updates * Fixing tooltip * Tunning the mock data and testing scenarios * Update mock data * make all studies collapsed * small fix on tooltip * Removing empty mdx files * Updating viewer docz page * Style updates * Update button font-size * Fix: Make cancel button only visible on hover * Fixing callouts * Fix eslint
45 lines
1.2 KiB
JavaScript
45 lines
1.2 KiB
JavaScript
import React from 'react';
|
|
import { NavBar, SidePanel, Svg, StudyBrowser } from '@ohif/ui';
|
|
|
|
const Viewer = () => {
|
|
return (
|
|
<div>
|
|
<NavBar className="justify-start">
|
|
<div className="m-3">
|
|
<Svg name="logo-ohif" />
|
|
</div>
|
|
</NavBar>
|
|
<div
|
|
className="flex flex-row flex-no-wrap flex-1 items-stretch overflow-hidden w-full"
|
|
style={{ height: 'calc(100vh - 57px' }}
|
|
>
|
|
<SidePanel
|
|
side="left"
|
|
iconName="group-layers"
|
|
iconLabel="Studies"
|
|
componentLabel="Studies"
|
|
defaultIsOpen={true}
|
|
>
|
|
<StudyBrowser />
|
|
</SidePanel>
|
|
<div className="flex flex-1 h-100 overflow-hidden bg-primary-main items-center justify-center text-white">
|
|
CONTENT
|
|
</div>
|
|
<SidePanel
|
|
side="right"
|
|
iconName="list-bullets"
|
|
iconLabel="Measure"
|
|
componentLabel="Measurements"
|
|
defaultIsOpen={false}
|
|
>
|
|
<div className="flex justify-center text-white p-2">
|
|
panel placeholder
|
|
</div>
|
|
</SidePanel>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Viewer;
|