add zoom buttons to inspector view
This commit is contained in:
parent
05ddb41e94
commit
87bbe93e72
1 changed files with 33 additions and 30 deletions
|
@ -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>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue