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

Vertical stacked suggested tools

Browse Source
This commit is contained in:
Connor Yoh 2025-08-14 10:29:41 +01:00
parent 69c19f7846
commit fd3ec1d976
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/tools/shared/SuggestedToolsSection.tsx
View File

@ -1,5 +1,5 @@
import React from 'react'; import React from 'react';
import { Stack, Text, Divider, SimpleGrid, Card, Group } from '@mantine/core'; import { Stack, Text, Divider, Card, Group } from '@mantine/core';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useSuggestedTools } from '../../../hooks/useSuggestedTools'; import { useSuggestedTools } from '../../../hooks/useSuggestedTools';
export interface SuggestedToolsSectionProps {} export interface SuggestedToolsSectionProps {}
@ -16,7 +16,7 @@ export function SuggestedToolsSection(): React.ReactElement {
{t('editYourNewFiles', 'Edit your new File(s)')} {t('editYourNewFiles', 'Edit your new File(s)')}
</Text> </Text>
<SimpleGrid cols={2} spacing="sm"> <Stack gap="xs">
{suggestedTools.map((tool) => { {suggestedTools.map((tool) => {
const IconComponent = tool.icon; const IconComponent = tool.icon;
return ( return (
@ -36,7 +36,7 @@ export function SuggestedToolsSection(): React.ReactElement {
</Card> </Card>
); );
})} })}
</SimpleGrid> </Stack>
</Stack> </Stack>
); );
} }