apextoaster
/
onnx-web
1
0
Fork 0
Code Actions

lint(gui): move batch and tiles params onto their own line

This commit is contained in:
Sean Sube 2023-05-01 23:47:39 -05:00
parent e75d0459d8
commit a44b534799
Signed by: ssube
GPG Key ID: 3EED7B957D362AF1
1 changed files with 63 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

126
gui/src/components/control/ImageControl.tsx
View File

@ -69,69 +69,6 @@ export function ImageControl(props: ImageControlProps) {
}
}}
/>
<NumericField
label={t('parameter.batch')}
min={params.batch.min}
max={params.batch.max}
step={params.batch.step}
value={controlState.batch}
onChange={(batch) => {
if (doesExist(props.onChange)) {
props.onChange({
...controlState,
batch,
});
}
}}
/>
<FormControlLabel
label={t('parameter.tiledVAE')}
control={<Checkbox
checked={controlState.tiledVAE}
value='check'
onChange={(event) => {
if (doesExist(props.onChange)) {
props.onChange({
...controlState,
tiledVAE: controlState.tiledVAE === false,
});
}
}}
/>}
/>
<NumericField
label={t('parameter.tiles')}
min={params.tiles.min}
max={params.tiles.max}
step={params.tiles.step}
value={controlState.tiles}
onChange={(tiles) => {
if (doesExist(props.onChange)) {
props.onChange({
...controlState,
tiles,
});
}
}}
/>
<NumericField
decimal
label={t('parameter.overlap')}
min={params.overlap.min}
max={params.overlap.max}
step={params.overlap.step}
value={controlState.overlap}
onChange={(overlap) => {
if (doesExist(props.onChange)) {
props.onChange({
...controlState,
overlap,
});
}
}}
/>
</Stack>
<Stack direction='row' spacing={4}>
<NumericField
decimal
label={t('parameter.cfg')}
@ -194,6 +131,69 @@ export function ImageControl(props: ImageControlProps) {
{t('parameter.newSeed')}
</Button>
</Stack>
<Stack direction='row' spacing={4}>
<NumericField
label={t('parameter.batch')}
min={params.batch.min}
max={params.batch.max}
step={params.batch.step}
value={controlState.batch}
onChange={(batch) => {
if (doesExist(props.onChange)) {
props.onChange({
...controlState,
batch,
});
}
}}
/>
<FormControlLabel
label={t('parameter.tiledVAE')}
control={<Checkbox
checked={controlState.tiledVAE}
value='check'
onChange={(event) => {
if (doesExist(props.onChange)) {
props.onChange({
...controlState,
tiledVAE: controlState.tiledVAE === false,
});
}
}}
/>}
/>
<NumericField
label={t('parameter.tiles')}
min={params.tiles.min}
max={params.tiles.max}
step={params.tiles.step}
value={controlState.tiles}
onChange={(tiles) => {
if (doesExist(props.onChange)) {
props.onChange({
...controlState,
tiles,
});
}
}}
/>
<NumericField
decimal
label={t('parameter.overlap')}
min={params.overlap.min}
max={params.overlap.max}
step={params.overlap.step}
value={controlState.overlap}
onChange={(overlap) => {
if (doesExist(props.onChange)) {
props.onChange({
...controlState,
overlap,
});
}
}}
/>
</Stack>
<PromptInput
prompt={controlState.prompt}
negativePrompt={controlState.negativePrompt}