got working toggle tabs! I don't like HeadlessUI's Tabs, they don't appear to support programmatic opening

This commit is contained in:
Frank Johnson
2021-09-11 04:34:13 -04:00
parent 206ec7fdab
commit 9812db5cd6
4 changed files with 110 additions and 50 deletions

View File

@@ -24,15 +24,17 @@ const IdeWrapper = ({ cadPackage }: Props) => {
useIdeInit(cadPackage, project?.code || state?.code)
return (
<div className="h-full flex">
<div className="w-14 bg-ch-gray-700 flex-shrink-0">
<IdeSideBar />
</div>
<div className="h-full flex flex-grow flex-col">
<nav className="flex">
<div className="h-full flex flex-col">
<nav className="flex">
<IdeHeader handleRender={onRender} />
</nav>
<IdeContainer />
</nav>
<div className="h-full flex flex-grow bg-ch-gray-900">
<div className="flex-shrink-0">
<IdeSideBar />
</div>
<div className="h-full flex flex-grow">
<IdeContainer />
</div>
</div>
</div>
)