1
0
Fork 0

add zoom buttons to inspector view

This commit is contained in:
Enoch Riese 2023-06-22 10:58:22 -05:00 committed by joostdecock
parent 05ddb41e94
commit 87bbe93e72

View file

@ -3,6 +3,7 @@ import { InspectorPattern } from './inspector/pattern.mjs'
import { DraftMenu, ns as menuNs } from './menu.mjs'
import { objUpdate } from 'shared/utils.mjs'
import { ViewHeader } from '../view-header.mjs'
import { PanZoomContextProvider } from 'shared/components/workbench/pattern/pan-zoom-context.mjs'
export const ns = menuNs
@ -66,37 +67,39 @@ export const InspectView = ({
}
return (
<div className="flex flex-col">
<DraftViewHeader
{...{
settings,
ui,
update,
control: account.control,
}}
/>
<div className="flex flex-row">
<div className="w-2/3 shrink-0 grow lg:p-4 sticky top-0">{output}</div>
<div className="w-1/3 shrink grow-0 lg:p-4 max-w-2xl h-screen overflow-scroll">
<DraftMenu
{...{
design,
pattern,
patternConfig,
settings,
ui,
update,
language,
account,
DynamicDocs,
inspector,
renderProps,
view,
setView,
}}
/>
<PanZoomContextProvider>
<div className="flex flex-col">
<ViewHeader
{...{
settings,
ui,
update,
control: account.control,
}}
/>
<div className="flex flex-row">
<div className="w-2/3 shrink-0 grow lg:p-4 sticky top-0">{output}</div>
<div className="w-1/3 shrink grow-0 lg:p-4 max-w-2xl h-screen overflow-scroll">
<DraftMenu
{...{
design,
pattern,
patternConfig,
settings,
ui,
update,
language,
account,
DynamicDocs,
inspector,
renderProps,
view,
setView,
}}
/>
</div>
</div>
</div>
</div>
</PanZoomContextProvider>
)
}