🎨 Fix attributes of card wrappers

This commit is contained in:
Manuel Ruwe
2022-12-11 15:04:05 +01:00
parent 40c9b5d203
commit 43571ce09b
2 changed files with 5 additions and 4 deletions

View File

@@ -11,5 +11,5 @@ export const HomarrCardWrapper = ({ ...props }: HomarrCardWrapperProps) => {
cx,
classes: { card: cardClass },
} = useCardStyles();
return <Card {...props} className={cx(props.className, cardClass)} />;
return <Card {...props} className={cx(props.className, cardClass)} withBorder radius="lg" shadow="md" />;
};

View File

@@ -1,9 +1,10 @@
import { Card, Center, Text, UnstyledButton } from '@mantine/core';
import { Center, Text, UnstyledButton } from '@mantine/core';
import { NextLink } from '@mantine/next';
import { createStyles } from '@mantine/styles';
import { ServiceType } from '../../../../types/service';
import { useCardStyles } from '../../../layout/useCardStyles';
import { useEditModeStore } from '../../Views/useEditModeStore';
import { HomarrCardWrapper } from '../HomarrCardWrapper';
import { BaseTileProps } from '../type';
import { ServiceMenu } from './ServiceMenu';
@@ -33,7 +34,7 @@ export const ServiceTile = ({ className, service }: ServiceTileProps) => {
);
return (
<Card className={cx(className, cardClass)} withBorder radius="lg" shadow="md">
<HomarrCardWrapper>
{/* TODO: add service menu */}
<div style={{ position: 'absolute', top: 10, right: 10 }}>
@@ -59,7 +60,7 @@ export const ServiceTile = ({ className, service }: ServiceTileProps) => {
</UnstyledButton>
)}
{/*<ServicePing service={service} />*/}
</Card>
</HomarrCardWrapper>
);
};