fix(gui): use blur event on fill color for better perf
This commit is contained in:
parent
0055d06b01
commit
b66cb8fcd6
|
@ -292,6 +292,7 @@ export function makeClient(root: string, f = fetch): ApiClient {
|
||||||
url.searchParams.append('filter', params.filter);
|
url.searchParams.append('filter', params.filter);
|
||||||
url.searchParams.append('noise', params.noise);
|
url.searchParams.append('noise', params.noise);
|
||||||
url.searchParams.append('strength', params.strength.toFixed(FIXED_FLOAT));
|
url.searchParams.append('strength', params.strength.toFixed(FIXED_FLOAT));
|
||||||
|
url.searchParams.append('fillColor', params.fillColor);
|
||||||
|
|
||||||
if (doesExist(upscale)) {
|
if (doesExist(upscale)) {
|
||||||
appendUpscaleToURL(url, upscale);
|
appendUpscaleToURL(url, upscale);
|
||||||
|
@ -320,6 +321,7 @@ export function makeClient(root: string, f = fetch): ApiClient {
|
||||||
url.searchParams.append('filter', params.filter);
|
url.searchParams.append('filter', params.filter);
|
||||||
url.searchParams.append('noise', params.noise);
|
url.searchParams.append('noise', params.noise);
|
||||||
url.searchParams.append('strength', params.strength.toFixed(FIXED_FLOAT));
|
url.searchParams.append('strength', params.strength.toFixed(FIXED_FLOAT));
|
||||||
|
url.searchParams.append('fillColor', params.fillColor);
|
||||||
|
|
||||||
if (doesExist(upscale)) {
|
if (doesExist(upscale)) {
|
||||||
appendUpscaleToURL(url, upscale);
|
appendUpscaleToURL(url, upscale);
|
||||||
|
|
|
@ -109,6 +109,18 @@ export function Inpaint() {
|
||||||
setInpaint(newParams);
|
setInpaint(newParams);
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
|
<NumericField
|
||||||
|
label='Strength'
|
||||||
|
min={params.strength.min}
|
||||||
|
max={params.strength.max}
|
||||||
|
step={params.strength.step}
|
||||||
|
value={strength}
|
||||||
|
onChange={(value) => {
|
||||||
|
setInpaint({
|
||||||
|
strength: value,
|
||||||
|
});
|
||||||
|
}}
|
||||||
|
/>
|
||||||
<Stack direction='row' spacing={2}>
|
<Stack direction='row' spacing={2}>
|
||||||
<QueryList
|
<QueryList
|
||||||
id='masks'
|
id='masks'
|
||||||
|
@ -138,20 +150,8 @@ export function Inpaint() {
|
||||||
});
|
});
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
<NumericField
|
|
||||||
label='Strength'
|
|
||||||
min={params.strength.min}
|
|
||||||
max={params.strength.max}
|
|
||||||
step={params.strength.step}
|
|
||||||
value={strength}
|
|
||||||
onChange={(value) => {
|
|
||||||
setInpaint({
|
|
||||||
strength: value,
|
|
||||||
});
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
<Stack direction='row' spacing={2}>
|
<Stack direction='row' spacing={2}>
|
||||||
<input name='fill-color' type='color' value={fillColor} onChange={(event) => {
|
<input name='fill-color' type='color' defaultValue={fillColor} onBlur={(event) => {
|
||||||
setInpaint({
|
setInpaint({
|
||||||
fillColor: event.target.value,
|
fillColor: event.target.value,
|
||||||
});
|
});
|
||||||
|
|
Loading…
Reference in New Issue