quantified.uncertainty/squiggle
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Tiny css cleanup

Browse Source
This commit is contained in:
Ozzie Gooen 2022-06-17 07:45:58 -07:00
parent 8e7756fe35
commit 342b5ba17b
1 changed files with 22 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/components/src/components/SquigglePlayground.tsx
View File

@ -385,7 +385,7 @@ const SquigglePlayground: FC<PlaygroundProps> = ({
); );
let withEditor = ( let withEditor = (
<div className="flex" style={{ height }}> <div className="flex mt-1" style={{ height }}>
<div className="w-1/2"> <div className="w-1/2">
<Tab.Panels> <Tab.Panels>
<Tab.Panel> <Tab.Panel>
@ -422,6 +422,7 @@ const SquigglePlayground: FC<PlaygroundProps> = ({
); );
let withoutEditor = ( let withoutEditor = (
<div className="mt-3">
<Tab.Panels> <Tab.Panels>
<Tab.Panel> <Tab.Panel>
<SquiggleChart <SquiggleChart
@ -440,13 +441,14 @@ const SquigglePlayground: FC<PlaygroundProps> = ({
<Tab.Panel>{viewSettings}</Tab.Panel> <Tab.Panel>{viewSettings}</Tab.Panel>
<Tab.Panel>{inputVariableSettings}</Tab.Panel> <Tab.Panel>{inputVariableSettings}</Tab.Panel>
</Tab.Panels> </Tab.Panels>
</div>
); );
return ( return (
<SquiggleContainer> <SquiggleContainer>
<Tab.Group> <Tab.Group>
<div className="pb-4"> <div className="pb-4">
<Tab.List className="flex w-fit p-0.5 mt-2 mb-1 rounded-md bg-slate-100 hover:bg-slate-200"> <Tab.List className="flex w-fit p-0.5 mt-2 rounded-md bg-slate-100 hover:bg-slate-200">
<StyledTab <StyledTab
name={vars.showEditor ? "Code" : "Display"} name={vars.showEditor ? "Code" : "Display"}
icon={vars.showEditor ? CodeIcon : EyeIcon} icon={vars.showEditor ? CodeIcon : EyeIcon}