UI work, config.js stuff

2022-12-21 13:19:07 -05:00 · 2022-12-21 13:19:07 -05:00 · d982ce13f5
commit d982ce13f5
parent 2b833413cf
18 changed files with 173 additions and 131 deletions
--- a/web/src/components/AvatarBox.js
+++ b/web/src/components/AvatarBox.js
@ -0,0 +1,29 @@
+import * as React from 'react';
+import {Avatar} from "@mui/material";
+import Box from "@mui/material/Box";
+import logo from "../img/ntfy2.svg";
+
+const AvatarBox = (props) => {
+    return (
+        <Box
+            sx={{
+                display: 'flex',
+                flexGrow: 1,
+                justifyContent: 'center',
+                flexDirection: 'column',
+                alignContent: 'center',
+                alignItems: 'center',
+                height: '100vh'
+            }}
+        >
+            <Avatar
+                sx={{ m: 2, width: 64, height: 64, borderRadius: 3 }}
+                src={logo}
+                variant="rounded"
+            />
+            {props.children}
+        </Box>
+    );
+}
+
+export default AvatarBox;