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

Automation selection looking good

Browse Source
This commit is contained in:
Connor Yoh 2025-08-19 14:30:24 +01:00
parent d9547ecd20
commit 6ea300ddd3
2 changed files with 18 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
frontend/src/components/tools/automate/AutomationEntry.tsx
View File

@ -30,13 +30,13 @@ export default function AutomationEntry({
return (
<Group gap="md" align="center" justify="flex-start" style={{ width: '100%' }}>
{BadgeIcon && (
<BadgeIcon
style={{
color: keepIconColor ? 'inherit' : 'var(--mantine-color-dimmed)'
}}
<BadgeIcon
style={{
color: keepIconColor ? 'inherit' : 'var(--mantine-color-text)'
}}
/>
)}
<Text fw={600} size="sm" style={{ flex: 1, textAlign: 'left', color: 'var(--mantine-color-dimmed)' }}>
<Text size="sm" style={{ flex: 1, textAlign: 'left', color: 'var(--mantine-color-text)' }}>
{title}
</Text>
</Group>
@ -46,20 +46,21 @@ export default function AutomationEntry({
return (
<Group gap="md" align="center" justify="flex-start" style={{ width: '100%' }}>
{BadgeIcon && (
<BadgeIcon
style={{
color: keepIconColor ? 'inherit' : 'var(--mantine-color-dimmed)'
}}
<BadgeIcon
style={{
color: keepIconColor ? 'inherit' : 'var(--mantine-color-text)'
}}
/>
)}
<Group gap="xs" justify="flex-start" style={{ flex: 1 }}>
{operations.map((op, index) => (
<React.Fragment key={`${op}-${index}`}>
<Badge size="xs" variant="outline" style={{ color: 'var(--mantine-color-dimmed)', borderColor: 'var(--mantine-color-dimmed)' }}>
{String(t(`${op}.title`, op))}
</Badge>
<Text size="sm" style={{ color: 'var(--mantine-color-text)' }}>
{t(`${op}.title`, op)}
</Text>
{index < operations.length - 1 && (
<Text size="xs" c="dimmed" style={{ color: 'var(--mantine-color-dimmed)' }}>
<Text size="xs" c="dimmed" style={{ color: 'var(--mantine-color-text)' }}>
→
</Text>
)}
@ -88,4 +89,4 @@ export default function AutomationEntry({
</div>
</Button>
);
}
}

6
frontend/src/components/tools/automate/AutomationSelection.tsx
View File

@ -20,7 +20,7 @@ export default function AutomationSelection({ onSelectCustom, onSelectSuggested,
return (
<div>
<Title order={3} size="h4" mb="md">
<Title order={3} size="h4" fw={600} mb="md" style={{color: 'var(--mantine-color-dimmed)'}}>
{t("automate.selection.saved.title", "Saved")}
</Title>
@ -42,11 +42,11 @@ export default function AutomationSelection({ onSelectCustom, onSelectSuggested,
onClick={() => onSelectCustom()}
/>
))}
<Divider />
<Divider pb='sm' />
{/* Suggested Automations */}
<div>
<Title order={3} size="h4" mb="md">
<Title order={3} size="h4" fw={600} mb="md"style={ {color: 'var(--mantine-color-dimmed)'}}>
{t("automate.selection.suggested.title", "Suggested")}
</Title>
<Stack gap="xs">