let5see/IOPaint
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Qing
2025-03-17 16:13:00 +08:00
parent fddae35479
commit 96d944a40c
1 changed files with 109 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
web_app/src/components/SidePanel/DiffusionOptions.tsx
View File

@@ -441,8 +441,9 @@ const DiffusionOptions = () => {
toolTip={toolTip} toolTip={toolTip}
// disabled={disable} // disabled={disable}
/> />
<div className="flex gap-4">
<Slider <Slider
className="w-[110px]" className="w-[120px]"
defaultValue={[100]} defaultValue={[100]}
min={10} min={10}
max={100} max={100}
@@ -463,6 +464,7 @@ const DiffusionOptions = () => {
}} }}
// disabled={disable} // disabled={disable}
/> />
</div>
</RowContainer> </RowContainer>
) )
} }
@@ -632,8 +634,10 @@ const DiffusionOptions = () => {
text="Steps" text="Steps"
toolTip="The number of denoising steps. More denoising steps usually lead to a higher quality image at the expense of slower inference." toolTip="The number of denoising steps. More denoising steps usually lead to a higher quality image at the expense of slower inference."
/> />
<div className="flex gap-4">
<Slider <Slider
className="w-[110px]" className="w-[120px]"
defaultValue={[30]} defaultValue={[30]}
min={1} min={1}
max={100} max={100}
@@ -650,6 +654,7 @@ const DiffusionOptions = () => {
updateSettings({ sdSteps: val }) updateSettings({ sdSteps: val })
}} }}
/> />
</div>
</RowContainer> </RowContainer>
) )
} }
@@ -662,8 +667,9 @@ const DiffusionOptions = () => {
url="https://huggingface.co/docs/diffusers/main/en/using-diffusers/inpaint#guidance-scale" url="https://huggingface.co/docs/diffusers/main/en/using-diffusers/inpaint#guidance-scale"
toolTip="Guidance scale affects how aligned the text prompt and generated image are. Higher value means the prompt and generated image are closely aligned, so the output is a stricter interpretation of the prompt" toolTip="Guidance scale affects how aligned the text prompt and generated image are. Higher value means the prompt and generated image are closely aligned, so the output is a stricter interpretation of the prompt"
/> />
<div className="flex gap-4">
<Slider <Slider
className="w-[110px]" className="w-[120px]"
defaultValue={[750]} defaultValue={[750]}
min={0} min={0}
max={1500} max={1500}
@@ -682,6 +688,7 @@ const DiffusionOptions = () => {
updateSettings({ sdGuidanceScale: val }) updateSettings({ sdGuidanceScale: val })
}} }}
/> />
</div>
</RowContainer> </RowContainer>
) )
} }
@@ -758,8 +765,9 @@ const DiffusionOptions = () => {
text="Mask blur" text="Mask blur"
toolTip="How much to blur the mask before processing, in pixels. Make the generated inpainting boundaries appear more natural." toolTip="How much to blur the mask before processing, in pixels. Make the generated inpainting boundaries appear more natural."
/> />
<div className="flex gap-4">
<Slider <Slider
className="w-[110px]" className="w-[120px]"
defaultValue={[settings.sdMaskBlur]} defaultValue={[settings.sdMaskBlur]}
min={0} min={0}
max={96} max={96}
@@ -776,6 +784,7 @@ const DiffusionOptions = () => {
updateSettings({ sdMaskBlur: value }) updateSettings({ sdMaskBlur: value })
}} }}
/> />
</div>
</RowContainer> </RowContainer>
<Separator /> <Separator />
</> </>
@@ -814,8 +823,9 @@ const DiffusionOptions = () => {
text="Mask OP" text="Mask OP"
toolTip="Expand or shrink mask. Using the slider to adjust the kernel size for dilation or erosion." toolTip="Expand or shrink mask. Using the slider to adjust the kernel size for dilation or erosion."
/> />
<div className="flex gap-4">
<Slider <Slider
className="w-[110px]" className="w-[120px]"
defaultValue={[12]} defaultValue={[12]}
min={1} min={1}
max={100} max={100}
@@ -834,6 +844,7 @@ const DiffusionOptions = () => {
updateSettings({ adjustMaskKernelSize: val }) updateSettings({ adjustMaskKernelSize: val })
}} }}
/> />
</div>
</RowContainer> </RowContainer>
<RowContainer> <RowContainer>