Fixed styles:

This commit is contained in:
Sean Edmunds
2025-12-30 10:46:40 -06:00
parent d1ce2128f3
commit b2d1b8a68c

View File

@@ -1,4 +1,4 @@
import { Group, Stack, Text } from '@mantine/core'; import { Group, SimpleGrid, Stack, Text } from '@mantine/core';
import { FaDesktop, FaTerminal } from 'react-icons/fa'; import { FaDesktop, FaTerminal } from 'react-icons/fa';
import { FaComputer } from 'react-icons/fa6'; import { FaComputer } from 'react-icons/fa6';
import type { GuacamoleClient } from 'types'; import type { GuacamoleClient } from 'types';
@@ -36,9 +36,9 @@ export default function RecommendedClients({
Guacamole Clients Guacamole Clients
</Text> </Text>
<Group <SimpleGrid
w={'100%'} w={'100%'}
gap={32} cols={5}
style={{ style={{
overflow: 'hidden', overflow: 'hidden',
whiteSpace: 'nowrap', whiteSpace: 'nowrap',
@@ -55,8 +55,8 @@ export default function RecommendedClients({
justify='center' justify='center'
p={4} p={4}
m={0} m={0}
mah={64} h={64}
maw={64} w={64}
style={{ style={{
backgroundColor: 'var(--mantine-color-search-0)', backgroundColor: 'var(--mantine-color-search-0)',
padding: '.5rem', padding: '.5rem',
@@ -84,7 +84,7 @@ export default function RecommendedClients({
)) ))
.toSorted((a: any, b: any) => (a.name > b.name ? 1 : -1)) .toSorted((a: any, b: any) => (a.name > b.name ? 1 : -1))
.slice(0, 5)} .slice(0, 5)}
</Group> </SimpleGrid>
</Stack> </Stack>
</Group> </Group>
); );