2 Commit-ok 7cd27a63cc ... ed752a5f04

Szerző SHA1 Üzenet Dátum
  Ben Ward ed752a5f04 logo 11 hónapja
  Ben Ward ad1403f790 mui 11 hónapja

+ 2 - 2
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 különbségek nem kerülnek megjelenítésre, a fájl túl nagy
+ 584 - 41
client/package-lock.json


+ 5 - 0
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"

BIN
client/public/openttd-64.gif


+ 12 - 7
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>
   )
 }
 

+ 4 - 0
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>

Nem az összes módosított fájl került megjelenítésre, mert túl sok fájl változott