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

remove box outlines and put the range inputs in line with the apply button

Browse Source
This commit is contained in:
EthanHealy01 2025-09-09 13:42:17 +01:00
parent 29a020d9a4
commit 6a4791eed3
2 changed files with 20 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
frontend/src/components/pageEditor/bulkSelectionPanel/AdvancedSelectionPanel.tsx
View File

@ -97,7 +97,7 @@ const AdvancedSelectionPanel = ({
<Text size="sm" fw={600} c="var(--text-secondary)" mb="xs">Range</Text> <Text size="sm" fw={600} c="var(--text-secondary)" mb="xs">Range</Text>
{rangeError && (<Text size="xs" c="var(--text-brand-accent)" mb="xs">{rangeError}</Text>)} {rangeError && (<Text size="xs" c="var(--text-brand-accent)" mb="xs">{rangeError}</Text>)}
<div className={classes.inputGroup}> <div className={classes.inputGroup}>
<Group gap="sm" align="flex-end" wrap="nowrap" mb="xs"> <Group gap="sm" align="flex-end" wrap="nowrap">
<div style={{ flex: 1 }}> <div style={{ flex: 1 }}>
<NumberInput <NumberInput
size="sm" size="sm"
@ -134,24 +134,24 @@ const AdvancedSelectionPanel = ({
error={Boolean(rangeError)} error={Boolean(rangeError)}
/> />
</div> </div>
<Button
size="sm"
className={classes.applyButton}
onClick={() => {
if (
rangeStart === '' || rangeEnd === '' ||
typeof rangeStart !== 'number' || typeof rangeEnd !== 'number'
) return;
const expr = rangeExpression(rangeStart, rangeEnd, maxPages);
if (expr) applyExpression(expr);
setRangeStart('');
setRangeEnd('');
}}
disabled={Boolean(rangeError) || rangeStart === '' || rangeEnd === ''}
>
Apply
</Button>
</Group> </Group>
<Button
size="sm"
className={classes.applyButton}
onClick={() => {
if (
rangeStart === '' || rangeEnd === '' ||
typeof rangeStart !== 'number' || typeof rangeEnd !== 'number'
) return;
const expr = rangeExpression(rangeStart, rangeEnd, maxPages);
if (expr) applyExpression(expr);
setRangeStart('');
setRangeEnd('');
}}
disabled={Boolean(rangeError) || rangeStart === '' || rangeEnd === ''}
>
Apply
</Button>
</div> </div>
</div> </div>

16
frontend/src/components/pageEditor/bulkSelectionPanel/BulkSelectionPanel.module.css
View File

@ -202,29 +202,17 @@
.advancedCard { .advancedCard {
background-color: var(--bulk-card-bg); background-color: var(--bulk-card-bg);
border: 0.0625rem solid var(--bulk-card-border); border: none;
border-radius: 0.75rem; border-radius: 0.75rem;
padding: 0.75rem; padding: 0.25rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
transition: all 0.2s ease;
color: var(--text-primary); color: var(--text-primary);
} }
.advancedCard:hover {
border-color: var(--bulk-card-hover-border);
box-shadow: var(--shadow-sm);
}
:global([data-mantine-color-scheme='dark']) .advancedCard { :global([data-mantine-color-scheme='dark']) .advancedCard {
background-color: var(--bulk-card-bg); background-color: var(--bulk-card-bg);
border-color: var(--bulk-card-border);
}
:global([data-mantine-color-scheme='dark']) .advancedCard:hover {
border-color: var(--bulk-card-hover-border);
box-shadow: var(--shadow-sm);
} }
.inputGroup { .inputGroup {