diff --git a/frontend/src/components/tools/removeBlanks/RemoveBlanksSettings.tsx b/frontend/src/components/tools/removeBlanks/RemoveBlanksSettings.tsx index 198c12674..fa4ec6e55 100644 --- a/frontend/src/components/tools/removeBlanks/RemoveBlanksSettings.tsx +++ b/frontend/src/components/tools/removeBlanks/RemoveBlanksSettings.tsx @@ -1,4 +1,4 @@ -import { Stack, Text, Checkbox } from "@mantine/core"; +import { Stack, Text, Checkbox, Slider, NumberInput, Group } from "@mantine/core"; import { useTranslation } from "react-i18next"; import NumberInputWithUnit from "../shared/NumberInputWithUnit"; import { RemoveBlanksParameters } from "../../../hooks/tools/removeBlanks/useRemoveBlanksParameters"; @@ -27,15 +27,31 @@ const RemoveBlanksSettings = ({ parameters, onParameterChange, disabled = false - onParameterChange('whitePercent', typeof v === 'string' ? Number(v) : v)} - unit='%' - min={0.1} - max={100} - disabled={disabled} - /> + + {t('removeBlanks.whitePercent.label', 'White Percent')} + + + onParameterChange('whitePercent', typeof v === 'number' ? v : 0.1)} + min={0.1} + max={100} + step={0.1} + size="sm" + rightSection="%" + style={{ width: '80px' }} + disabled={disabled} + /> + onParameterChange('whitePercent', value)} + min={0.1} + max={100} + step={0.1} + style={{ flex: 1 }} + disabled={disabled} + /> +