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
38 lines
853 B
Plaintext
38 lines
853 B
Plaintext
---
|
|
name: Viewer
|
|
menu: Views
|
|
route: examples/viewer
|
|
---
|
|
|
|
import { Playground, Props } from 'docz';
|
|
import { NavBar, SidePanel, Svg, StudyBrowser } from '@ohif/ui';
|
|
|
|
# Viewer
|
|
|
|
<Playground>
|
|
<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={false}
|
|
>
|
|
<StudyBrowser />
|
|
</SidePanel>
|
|
<div className="flex flex-1 h-100 overflow-hidden bg-primary-main items-center justify-center text-white">
|
|
CONTENT
|
|
</div>
|
|
);
|
|
}}
|
|
</Playground>
|