Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-10 15:35:55 +01:00
Code Issues Packages Projects Releases Wiki Activity

🎨 Fix attributes of card wrappers

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Dashboard/Tiles/HomarrCardWrapper.tsx
View File

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

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