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

Simple styling for arrays

Browse Source
This commit is contained in:
Ozzie Gooen 2022-05-31 14:14:55 -07:00
parent ddc8763f77
commit c453794e96
1 changed files with 20 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/components/src/components/SquiggleChart.tsx
View File

@ -143,12 +143,8 @@ const SquiggleItem: React.FC<SquiggleItemProps> = ({
case "symbol": case "symbol":
return ( return (
<VariableBox heading="Symbol" showTypes={showTypes}> <VariableBox heading="Symbol" showTypes={showTypes}>
<span className="text-slate-500 mr-2"> <span className="text-slate-500 mr-2">Undefined Symbol:</span>
Undefined Symbol: <span className="text-slate-600">{expression.value}</span>
</span>
<span className="text-slate-600">
{expression.value}
</span>
</VariableBox> </VariableBox>
); );
case "call": case "call":
@ -161,6 +157,11 @@ const SquiggleItem: React.FC<SquiggleItemProps> = ({
return ( return (
<VariableBox heading="Array" showTypes={showTypes}> <VariableBox heading="Array" showTypes={showTypes}>
{expression.value.map((r, i) => ( {expression.value.map((r, i) => (
<div key={i} className="flex flex-row pt-1">
<div className="flex-none bg-slate-100 rounded-sm pl-1" style={{"paddingRight": "0.25rem"}}>
<h3 className="text-slate-400 font-mono">{i}</h3>
</div>
<div className="pl-2 pr-2 mb-2 grow ">
<SquiggleItem <SquiggleItem
key={i} key={i}
expression={r} expression={r}
@ -172,6 +173,8 @@ const SquiggleItem: React.FC<SquiggleItemProps> = ({
environment={environment} environment={environment}
showSummary={showSummary} showSummary={showSummary}
/> />
</div>
</div>
))} ))}
</VariableBox> </VariableBox>
); );