Fixed styles:
This commit is contained in:
@@ -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>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user