minor fixes

web/src/views/AdminUI.jsx

@@ -173,8 +173,8 @@ export class AdminUI extends Component {
             display: flex;
             justify-content: center;
             align-items: center;
-            color: ${this.props.theme.colours.color10};
-            text-shadow:  0 0 .3em ${this.props.theme.colours.color2};
+            color: ${this.props.theme.colours.color6};
+            text-shadow:  0 0 .5em ${this.props.theme.colours.color3};
             text-transform: uppercase;
             background: ${this.props.theme.colours.color2};
             &::after {
@@ -184,7 +184,8 @@ export class AdminUI extends Component {
                 bottom: 0;
                 height: 2em;
                 opacity: 0.5;
-                background: linear-gradient(-10deg, ${this.props.theme.colours.color2} 0%, ${this.props.theme.colours.color9}, ${this.props.theme.colours.color6} 50%, ${this.props.theme.colours.color4} 65%, ${this.props.theme.colours.color1} 100%);
+                background: #000;
+                background: linear-gradient(-10deg, ${this.props.theme.colours.color2} 0%, ${this.props.theme.colours.color9}, ${this.props.theme.colours.color5} 50%, ${this.props.theme.colours.color4} 65%, ${this.props.theme.colours.color1} 100%);
                 content: '';
             }
             &::before {
@@ -227,8 +228,7 @@ export class AdminUI extends Component {
                         <li><NavLink activeClassName="menu__active" exact to="/">Status</NavLink></li>
                         <li><NavLink activeClassName="menu__active" to="/accounts">Account</NavLink></li>
                         <li><NavLink activeClassName="menu__active" to="/log">Log</NavLink></li>
-                        <li><NavLink activeClassName="menu__active" to="/backup">Backup</NavLink></li>
-                        <li><NavLink activeClassName="menu__active" to="/admin">Admin</NavLink></li>
+                        <li><NavLink activeClassName="menu__active" to="/system">System</NavLink></li>
                     </ul>
                 </Menu>
                 <Main>

web/src/views/Logger.jsx

@@ -1,15 +0,0 @@
-import React, { Component } from 'react'
-
-export class Logger extends Component {
-    render() {
-        return (
-            <div>
-                <div className="main__card">
-                    
-                </div>
-            </div>
-        )
-    }
-}
-
-export default Logger

web/src/views/Logs.jsx

@@ -0,0 +1,15 @@
+import React, { Component } from 'react'
+import Card from '../components/Card'
+export class Logs extends Component {
+    render() {
+        return (
+            <Card>
+                <h4>Logs</h4>
+                <hr/>
+                Hello World
+            </Card>
+        )
+    }
+}
+
+export default Logs

web/src/views/System.jsx

@@ -0,0 +1,26 @@
+import React, { Component } from 'react'
+import Card from '../components/Card'
+import TextInput from '../components/TextInput'
+export class System extends Component {
+    render() {
+        return (
+            <>
+            <Card>
+                <h4>System Settings</h4>
+                <hr />
+                Hello World
+            </Card>
+            <Card>
+                <h4>WiFi</h4>
+                <hr />
+                <TextInput label="SSID"/>
+                <TextInput label="Password" type="password"/>
+                <TextInput type="button" value="SAVE"/>
+            </Card>
+        
+            </>
+        )
+    }
+}
+
+export default System

web/src/views/index.js

@@ -1,4 +1,5 @@
-import Logger from "./Logger";
 import AdminUI from "./AdminUI";
 import AccountManager from "./AccountManager";
-export {AccountManager, AdminUI, Logger}
+import Logs from "./Logs";
+import System from "./System";
+export {AccountManager, AdminUI, Logs, System}