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

Minor UI refactors

Browse Source
This commit is contained in:
Ozzie Gooen 2022-07-13 13:55:35 -07:00
parent 606cbd8859
commit c1a351a704
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -215,31 +215,31 @@ const ViewSettings: React.FC<{ register: UseFormRegister<FormFields> }> = ({
name="minX" name="minX"
type="number" type="number"
register={register} register={register}
label="The minimum of the charted distribution domain" label="Min X Value"
/> />
<InputItem <InputItem
name="maxX" name="maxX"
type="number" type="number"
register={register} register={register}
label="The maximum of the charted distribution domain" label="Max X Value"
/> />
<InputItem <InputItem
name="title" name="title"
type="text" type="text"
register={register} register={register}
label="The title shown on the distribution" label="Title"
/> />
<InputItem <InputItem
name="tickFormat" name="tickFormat"
type="text" type="text"
register={register} register={register}
label="The format that the ticks are rendered" label="Tick Format"
/> />
<InputItem <InputItem
name="color" name="color"
type="color" type="color"
register={register} register={register}
label="The color of the charted distribution" label="Color"
/> />
</div> </div>
</HeadedSection> </HeadedSection>
@ -521,7 +521,7 @@ export const SquigglePlayground: FC<PlaygroundProps> = ({
); );
const withEditor = ( const withEditor = (
<div className="flex mt-1"> <div className="flex mt-2">
<div className="w-1/2">{tabs}</div> <div className="w-1/2">{tabs}</div>
<div className="w-1/2 p-2 pl-4">{squiggleChart}</div> <div className="w-1/2 p-2 pl-4">{squiggleChart}</div>
</div> </div>

4
packages/components/src/components/ui/Toggle.tsx
View File

@ -23,8 +23,8 @@ export const Toggle: React.FC<Props> = ({
layout layout
transition={{ duration: 0.2 }} transition={{ duration: 0.2 }}
className={clsx( className={clsx(
"rounded-full py-1 bg-indigo-500 text-white text-xs font-semibold flex items-center space-x-1", "rounded-md py-0.5 bg-slate-500 text-white text-xs font-semibold flex items-center space-x-1",
status ? "bg-indigo-500" : "bg-gray-400", status ? "bg-slate-500" : "bg-gray-400",
status ? "pl-1 pr-3" : "pl-3 pr-1", status ? "pl-1 pr-3" : "pl-3 pr-1",
!status && "flex-row-reverse space-x-reverse" !status && "flex-row-reverse space-x-reverse"
)} )}