Added max widths to settings pages

This commit is contained in:
Ozzie Gooen 2022-06-01 20:04:50 -07:00
parent 70eecde587
commit 88adccf2e7

View File

@ -198,7 +198,7 @@ let SquigglePlayground: FC<PlaygroundProps> = ({
}; };
let samplingSettings = ( let samplingSettings = (
<div className="space-y-6 p-3"> <div className="space-y-6 p-3 max-w-xl">
<InputItem label="Sample Count"> <InputItem label="Sample Count">
<> <>
<input <input
@ -229,7 +229,7 @@ let SquigglePlayground: FC<PlaygroundProps> = ({
); );
let viewSettings = ( let viewSettings = (
<div className="space-y-6 divide-y divide-gray-200"> <div className="space-y-6 p-3 divide-y divide-gray-200 max-w-xl">
<div className="space-y-2"> <div className="space-y-2">
<h3 className="text-lg leading-6 font-medium text-gray-900 pb-2"> <h3 className="text-lg leading-6 font-medium text-gray-900 pb-2">
General Display Settings General Display Settings
@ -331,7 +331,7 @@ let SquigglePlayground: FC<PlaygroundProps> = ({
); );
let inputVariableSettings = ( let inputVariableSettings = (
<> <div className="space-y-6 p-3 max-w-3xl">
<h3 className="text-lg leading-6 font-medium text-gray-900"> <h3 className="text-lg leading-6 font-medium text-gray-900">
Import Variables from JSON Import Variables from JSON
</h3> </h3>
@ -360,7 +360,7 @@ let SquigglePlayground: FC<PlaygroundProps> = ({
</ErrorAlert> </ErrorAlert>
)} )}
</div> </div>
</> </div>
); );
return ( return (