kamp/pingvin-share
1
0
Fork 0
mirror of https://github.com/stonith404/pingvin-share.git synced 2024-07-06 17:30:10 +02:00
Code

fix: improve admin dashboard color and layout

Browse Source
This commit is contained in:
Elias Schneider 2022-12-08 22:43:14 +01:00
parent 08a2f60f72
commit a545c44426
1 changed files with 21 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
frontend/src/pages/admin/index.tsx
View File

@ -1,4 +1,4 @@
import { Col, Container, createStyles, Grid, Paper, Text } from "@mantine/core"; import { Col, createStyles, Grid, Paper, Text } from "@mantine/core";
import Link from "next/link"; import Link from "next/link";
import { TbSettings, TbUsers } from "react-icons/tb"; import { TbSettings, TbUsers } from "react-icons/tb";
@ -34,28 +34,26 @@ const Admin = () => {
const { classes, theme } = useStyles(); const { classes, theme } = useStyles();
return ( return (
<Container size="xl"> <Paper withBorder p={40}>
<Paper withBorder radius="md" p={40}> <Grid mt="md">
<Grid mt="md"> {managementOptions.map((item) => {
{managementOptions.map((item) => { return (
return ( <Col xs={6} key={item.route}>
<Col xs={6} key={item.route}> <Paper
<Paper withBorder
withBorder component={Link}
component={Link} href={item.route}
href={item.route} key={item.title}
key={item.title} className={classes.item}
className={classes.item} >
> <item.icon color={theme.colors.victoria[8]} size={35} />
<item.icon color={theme.colors.victoria[5]} size={35} /> <Text mt={7}>{item.title}</Text>
<Text mt={7}>{item.title}</Text> </Paper>
</Paper> </Col>
</Col> );
); })}
})} </Grid>
</Grid> </Paper>
</Paper>
</Container>
); );
}; };