SHA1
--- a/client/index.html
+++ b/client/index.html
@@ -2,9 +2,9 @@
 
				 <html lang="en">
			
 
				   <head>
			
 
				     <meta charset="UTF-8" />
			
 
				-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
			
 
				+    <link rel="icon" type="image/gif" href="/openttd-64.gif" />
			
 
				     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
			
 
				-    <title>Vite + React</title>
			
 
				+    <title>OpenTTD Admin Panel</title>
			
 
				   </head>
			
 
				   <body>
			
 
				     <div id="root"></div>
			
--- a/client/package-lock.json
+++ b/client/package-lock.json
--- a/client/package.json
+++ b/client/package.json
@@ -10,6 +10,11 @@
 
				     "preview": "vite preview"
			
 
				   },
			
 
				   "dependencies": {
			
 
				+    "@emotion/react": "^11.13.5",
			
 
				+    "@emotion/styled": "^11.13.5",
			
 
				+    "@fontsource/roboto": "^5.1.0",
			
 
				+    "@mui/icons-material": "^6.1.10",
			
 
				+    "@mui/material": "^6.1.10",
			
 
				     "axios": "^1.7.9",
			
 
				     "react": "^18.3.1",
			
 
				     "react-dom": "^18.3.1"
			
--- a/client/public/openttd-64.gif
+++ b/client/public/openttd-64.gif
--- a/client/src/App.jsx
+++ b/client/src/App.jsx
@@ -1,6 +1,9 @@
 
				 import { useState, useEffect } from 'react'
			
 
				 import axios from "axios";
			
 
				 
			
 
				+import { Container, Typography, Box } from '@mui/material';
			
 
				+
			
 
				+
			
 
				 function App() {
			
 
				 
			
 
				   const [apiResponse, setApiResponse] = useState({});
			
@@ -15,15 +18,17 @@ function App() {
 
				   }, []);
			
 
				 
			
 
				   return (
			
 
				-    <>
			
 
				-      <h1>OpenTTD Admin Console App</h1>
			
 
				-      <div className="card">
			
 
				-        <p>
			
 
				+    <Container maxWidth="sm">
			
 
				+      <Box sx={{my: 4}}>
			
 
				+        <Typography variant='h2' component='h1' sx={{mb:2}}>
			
 
				+          OpenTTD Admin Console App
			
 
				+        </Typography>
			
 
				+        <Typography>
			
 
				           Data retrieved from BackEnd:
			
 
				-        </p>
			
 
				+        </Typography>
			
 
				         <pre>{JSON.stringify(apiResponse)}</pre>
			
 
				-      </div>
			
 
				-    </>
			
 
				+      </Box>
			
 
				+    </Container>
			
 
				   )
			
 
				 }
			
 
				 
			
--- a/client/src/main.jsx
+++ b/client/src/main.jsx
@@ -1,6 +1,10 @@
 
				 import { StrictMode } from 'react'
			
 
				 import { createRoot } from 'react-dom/client'
			
 
				 import App from './App.jsx'
			
 
				+import '@fontsource/roboto/300.css';
			
 
				+import '@fontsource/roboto/400.css';
			
 
				+import '@fontsource/roboto/500.css';
			
 
				+import '@fontsource/roboto/700.css';
			
 
				 
			
 
				 createRoot(document.getElementById('root')).render(
			
 
				   <StrictMode>
Автор	SHA1 Съобщение	Дата
Ben Ward	ed752a5f04 logo	преди 11 месеца
Ben Ward	ad1403f790 mui	преди 11 месеца