mirror of
https://github.com/ajnart/homarr.git
synced 2026-02-15 02:57:02 +01:00
18 lines
486 B
TypeScript
18 lines
486 B
TypeScript
import { useMantineTheme, Card } from '@mantine/core';
|
|
|
|
export function AppShelfItemWrapper(props: any) {
|
|
const { children, hovering } = props;
|
|
const theme = useMantineTheme();
|
|
return (
|
|
<Card
|
|
style={{
|
|
boxShadow: hovering ? '0px 0px 3px rgba(0, 0, 0, 0.5)' : '0px 0px 1px rgba(0, 0, 0, 0.5)',
|
|
backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[1],
|
|
}}
|
|
radius="md"
|
|
>
|
|
{children}
|
|
</Card>
|
|
);
|
|
}
|