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