fix: improve admin dashboard color and layout

stonith404 · Dec 8, 2022 · a545c44 · a545c44
1 parent 08a2f60
commit a545c44
Showing 1 changed file with 21 additions and 23 deletions.
diff --git a/frontend/src/pages/admin/index.tsx b/frontend/src/pages/admin/index.tsx
@@ -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 { TbSettings, TbUsers } from "react-icons/tb";
 
@@ -34,28 +34,26 @@ const Admin = () => {
   const { classes, theme } = useStyles();
 
   return (
-    <Container size="xl">
-      <Paper withBorder radius="md" p={40}>
-        <Grid mt="md">
-          {managementOptions.map((item) => {
-            return (
-              <Col xs={6} key={item.route}>
-                <Paper
-                  withBorder
-                  component={Link}
-                  href={item.route}
-                  key={item.title}
-                  className={classes.item}
-                >
-                  <item.icon color={theme.colors.victoria[5]} size={35} />
-                  <Text mt={7}>{item.title}</Text>
-                </Paper>
-              </Col>
-            );
-          })}
-        </Grid>
-      </Paper>
-    </Container>
+    <Paper withBorder p={40}>
+      <Grid mt="md">
+        {managementOptions.map((item) => {
+          return (
+            <Col xs={6} key={item.route}>
+              <Paper
+                withBorder
+                component={Link}
+                href={item.route}
+                key={item.title}
+                className={classes.item}
+              >
+                <item.icon color={theme.colors.victoria[8]} size={35} />
+                <Text mt={7}>{item.title}</Text>
+              </Paper>
+            </Col>
+          );
+        })}
+      </Grid>
+    </Paper>
   );
 };