tonym/spoolman2
1
0
Fork 0
Code Issues 19 Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Client: Moved form units to tooltip

Browse Source
This commit is contained in:
Donkie
2023-07-30 09:51:49 +02:00
parent 78cccfa2aa
commit 42373baa03
2 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
client/src/components/printing/printingDialog.tsx
View File

@@ -203,47 +203,51 @@ const PrintingDialog: React.FC<PrintingDialogProps> = ({
labelCol={{ span: 14 }} labelCol={{ span: 14 }}
wrapperCol={{ span: 10 }} wrapperCol={{ span: 10 }}
> >
<Form.Item label="Left Margin (mm)"> <Form.Item label="Left Margin">
<Slider <Slider
min={0} min={0}
max={50} max={50}
tooltip={{ formatter: (value) => `${value} mm` }}
value={marginLeft} value={marginLeft}
onChange={(value) => { onChange={(value) => {
setMarginLeft(value); setMarginLeft(value);
}} }}
/> />
</Form.Item> </Form.Item>
<Form.Item label="Up Margin (mm)"> <Form.Item label="Top Margin">
<Slider <Slider
min={0} min={0}
max={50} max={50}
tooltip={{ formatter: (value) => `${value} mm` }}
value={marginTop} value={marginTop}
onChange={(value) => { onChange={(value) => {
setMarginTop(value); setMarginTop(value);
}} }}
/> />
</Form.Item> </Form.Item>
<Form.Item label="Right Margin (mm)"> <Form.Item label="Right Margin">
<Slider <Slider
min={0} min={0}
max={50} max={50}
tooltip={{ formatter: (value) => `${value} mm` }}
value={marginRight} value={marginRight}
onChange={(value) => { onChange={(value) => {
setMarginRight(value); setMarginRight(value);
}} }}
/> />
</Form.Item> </Form.Item>
<Form.Item label="Bottom Margin (mm)"> <Form.Item label="Bottom Margin">
<Slider <Slider
min={0} min={0}
max={50} max={50}
tooltip={{ formatter: (value) => `${value} mm` }}
value={marginBottom} value={marginBottom}
onChange={(value) => { onChange={(value) => {
setMarginBottom(value); setMarginBottom(value);
}} }}
/> />
</Form.Item> </Form.Item>
<Form.Item label="Items per Row"> <Form.Item label="Columns">
<Slider <Slider
min={1} min={1}
max={5} max={5}
@@ -265,10 +269,11 @@ const PrintingDialog: React.FC<PrintingDialogProps> = ({
))} ))}
</Select> </Select>
</Form.Item> </Form.Item>
<Form.Item label="Row Height (mm)"> <Form.Item label="Row Height">
<Slider <Slider
min={30} min={30}
max={200} max={200}
tooltip={{ formatter: (value) => `${value} mm` }}
value={rowHeight} value={rowHeight}
onChange={(value) => { onChange={(value) => {
setRowHeight(value); setRowHeight(value);

3
client/src/components/printing/qrCodePrintingDialog.tsx
View File

@@ -63,9 +63,10 @@ const QRCodePrintingDialog: React.FC<QRCodePrintingDialogProps> = ({
onChange={(checked) => setShowContent(checked)} onChange={(checked) => setShowContent(checked)}
/> />
</Form.Item> </Form.Item>
<Form.Item label="Content Text Size (mm)"> <Form.Item label="Content Text Size">
<Slider <Slider
disabled={!showContent} disabled={!showContent}
tooltip={{ formatter: (value) => `${value} mm` }}
min={3} min={3}
max={15} max={15}
value={textSize} value={textSize}