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

Formatting

Browse Source
This commit is contained in:
Connor Yoh 2025-09-16 12:14:12 +01:00
parent e5909466d4
commit 55f3c97f2a
1 changed files with 12 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/src/components/tools/split/SplitMethodSelector.tsx
View File

@ -1,4 +1,4 @@
import { Stack, Card, Text } from '@mantine/core'; import { Stack, Card, Text, Flex } from '@mantine/core';
import { Tooltip } from '../../shared/Tooltip'; import { Tooltip } from '../../shared/Tooltip';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { type SplitMethod, METHOD_OPTIONS } from '../../../constants/splitConstants'; import { type SplitMethod, METHOD_OPTIONS } from '../../../constants/splitConstants';
@ -38,7 +38,7 @@ const SplitMethodSelector = ({
<Card <Card
radius="md" radius="md"
w="100%" w="100%"
h={'3.5rem'} h={'2.8rem'}
style={{ style={{
cursor: disabled ? 'default' : 'pointer', cursor: disabled ? 'default' : 'pointer',
backgroundColor: 'var(--mantine-color-gray-2)', backgroundColor: 'var(--mantine-color-gray-2)',
@ -64,26 +64,20 @@ const SplitMethodSelector = ({
}} }}
onClick={() => handleMethodClick(option.method)} onClick={() => handleMethodClick(option.method)}
> >
<div style={{ width: '100%', position: 'relative', display: 'flex', flexDirection: 'row' }}> <Flex align={'center'} w="100%" >
{/* Prefix in top left corner */} <Text size="sm" c="dimmed" ta="center" fw={350} >
<Text size="xs" c="dimmed" ta="center" fw={400} style={{
}}>
{t(option.prefixKey, "Split by")} {t(option.prefixKey, "Split by")}
</Text> </Text>
<Text
<div style={{ }}> fw={600}
<Text size="sm"
fw={500} c={undefined}
size="sm" ta="center"
c={undefined} style={{ marginLeft: '0.25rem' }}
ta="center"
style={{ marginLeft: '0.25rem' }}
> >
{t(option.nameKey, "Method Name")} {t(option.nameKey, "Method Name")}
</Text> </Text>
</div> </Flex>
</div>
</Card> </Card>
</Tooltip> </Tooltip>
))} ))}