mirror of
https://github.com/ajnart/homarr.git
synced 2025-11-10 15:35:55 +01:00
37 lines
692 B
TypeScript
37 lines
692 B
TypeScript
import { Aside as MantineAside, createStyles } from '@mantine/core';
|
|
import Widgets from './Widgets';
|
|
|
|
const useStyles = createStyles((theme) => ({
|
|
hide: {
|
|
[theme.fn.smallerThan('xs')]: {
|
|
display: 'none',
|
|
},
|
|
},
|
|
burger: {
|
|
[theme.fn.largerThan('sm')]: {
|
|
display: 'none',
|
|
},
|
|
},
|
|
}));
|
|
|
|
export default function Aside(props: any) {
|
|
const { classes, cx } = useStyles();
|
|
return (
|
|
<MantineAside
|
|
pr="md"
|
|
hiddenBreakpoint="sm"
|
|
hidden
|
|
className={cx(classes.hide)}
|
|
style={{
|
|
border: 'none',
|
|
background: 'none',
|
|
}}
|
|
width={{
|
|
base: 'auto',
|
|
}}
|
|
>
|
|
<Widgets />
|
|
</MantineAside>
|
|
);
|
|
}
|