saulteafarmer/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Stirling-Tools/Stirling-PDF.git synced 2025-09-18 09:29:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

add a slider for the %

Browse Source
This commit is contained in:
EthanHealy01 2025-09-17 20:18:05 +01:00
parent 5eecb737af
commit 59feaddc9c
1 changed files with 26 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
frontend/src/components/tools/removeBlanks/RemoveBlanksSettings.tsx
View File

@ -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 { useTranslation } from "react-i18next";
import NumberInputWithUnit from "../shared/NumberInputWithUnit"; import NumberInputWithUnit from "../shared/NumberInputWithUnit";
import { RemoveBlanksParameters } from "../../../hooks/tools/removeBlanks/useRemoveBlanksParameters"; import { RemoveBlanksParameters } from "../../../hooks/tools/removeBlanks/useRemoveBlanksParameters";
@ -27,15 +27,31 @@ const RemoveBlanksSettings = ({ parameters, onParameterChange, disabled = false
</Stack> </Stack>
<Stack gap="xs"> <Stack gap="xs">
<NumberInputWithUnit <Text size="sm" fw={500}>
label={t('removeBlanks.whitePercent.label', 'White Percent')} {t('removeBlanks.whitePercent.label', 'White Percent')}
value={parameters.whitePercent} </Text>
onChange={(v) => onParameterChange('whitePercent', typeof v === 'string' ? Number(v) : v)} <Group align="center">
unit='%' <NumberInput
min={0.1} value={parameters.whitePercent}
max={100} onChange={(v) => onParameterChange('whitePercent', typeof v === 'number' ? v : 0.1)}
disabled={disabled} min={0.1}
/> max={100}
step={0.1}
size="sm"
rightSection="%"
style={{ width: '80px' }}
disabled={disabled}
/>
<Slider
value={parameters.whitePercent}
onChange={(value) => onParameterChange('whitePercent', value)}
min={0.1}
max={100}
step={0.1}
style={{ flex: 1 }}
disabled={disabled}
/>
</Group>
</Stack> </Stack>
<Stack gap="xs"> <Stack gap="xs">