apextoaster
/
onnx-web
1
0
Fork 0
Code Actions

lint(gui): arrange noise and blend menus side by side

This commit is contained in:
Sean Sube 2023-01-15 09:40:21 -06:00
parent 4675f89bb7
commit c0bef9a1a7
1 changed files with 26 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
gui/src/components/Inpaint.tsx
View File

@ -112,30 +112,32 @@ export function Inpaint(props: InpaintProps) {
setInpaint(newParams);
}}
/>
<QueryList
id='blends'
labels={BLEND_LABELS}
name='Blend Mode'
result={blends}
value={params.blend}
onChange={(blend) => {
setInpaint({
blend,
});
}}
/>
<QueryList
id='noises'
labels={NOISE_LABELS}
name='Noise Source'
result={noises}
value={params.noise}
onChange={(noise) => {
setInpaint({
noise,
});
}}
/>
<Stack direction='row' spacing={2}>
<QueryList
id='blends'
labels={BLEND_LABELS}
name='Blend Mode'
result={blends}
value={params.blend}
onChange={(blend) => {
setInpaint({
blend,
});
}}
/>
<QueryList
id='noises'
labels={NOISE_LABELS}
name='Noise Source'
result={noises}
value={params.noise}
onChange={(noise) => {
setInpaint({
noise,
});
}}
/>
</Stack>
<OutpaintControl config={config} />
<Button onClick={() => upload.mutate()}>Generate</Button>
</Stack>