Donat/SerpentRace
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

'[#118] bugfix

Browse Source
This commit is contained in:
mategery
2025-09-21 16:53:55 +02:00
parent 1cf8066cf3
commit 016b5632e1
7 changed files with 118 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
SerpentRace_Frontend/src/App.jsx
+2
View File
@@ -14,6 +14,7 @@ import CompanyHub from "./pages/Companies/Companies"
import About from "./pages/About/About"
import ScrollToTop from "./components/ScrollToTop"
import GameScreen from "./pages/Game/GameScreen"
import Reports from "./pages/Report/Reports"
function App() {
const [isMobile, setIsMobile] = useState(false)
@@ -58,6 +59,7 @@ function App() {
<Route path="/deck-creator/:deckId" element={<DeckCreator />} />
<Route path="/game" element={<GameScreen />} />
<Route path="/companies" element={<CompanyHub />} />
<Route path="/report" element={<Reports />} />
{/* Add more routes as needed */}
</Routes>
SerpentRace_Frontend/src/components/Navbar/Navbar.jsx
+9 -8
View File
@@ -1,6 +1,7 @@
import React, { useState } from "react"
import Logo from "../../assets/pictures/Logo"
import About from "../../pages/About/About"
import Home from "../../pages/Landing/Home"
const navLinkClass = "px-3 py-2 rounded-lg text-white transition-all duration-200 hover:bg-white/10"
@@ -14,25 +15,25 @@ const Navbar = () => {
<div className="flex justify-between h-16 items-center">
{/* Logo */}
<div className="flex-shrink-0 flex items-center gap-2">
<div className="flex items-center mt-1 h-9">
<a href="/" className="flex items-center mt-1 h-9">
<Logo size={36} />
</div>
<span className="flex items-center h-9 text-white font-bold text-2xl tracking-tight">
</a>
<a href="/" className="flex items-center h-9 text-white font-bold text-2xl tracking-tight">
SerpentRace
</span>
</a>
</div>
{/* Desktop Menu */}
<div className="hidden md:flex space-x-8">
<a href="#" className={navLinkClass}>
<a href="/home" className={navLinkClass}>
Home
</a>
<a href="#" className={navLinkClass}>
Leaderboard
<a href="/report" className={navLinkClass}>
Stats
</a>
<a href="/about" className={navLinkClass}>
About
</a>
<a href="#" className={navLinkClass}>
<a href="/companies" className={navLinkClass}>
Contact
</a>
</div>
SerpentRace_Frontend/src/pages/About/About.jsx
+7 -7
View File
@@ -2,13 +2,13 @@ import React, { useEffect, useRef, useState } from "react"
import Navbar from "../../components/Navbar/Navbar"
import Footer from "../../components/Footer/Footer"
import Background from "../../assets/backgrounds/Background.jsx"
import Walke from "../../assets/pictures/walke.jpg"
import Busi from "../../assets/pictures/busi.jpg"
import Gege from "../../assets/pictures/gege.jpg"
import Zsola from "../../assets/pictures/zsola.jpg"
import Donat from "../../assets/pictures/donat.jpg"
import Turo from "../../assets/pictures/turo.jpg"
import Piskor from "../../assets/pictures/piskor.jpg"
import Walke from "../../assets/pictures/walke.JPG"
import Busi from "../../assets/pictures/busi.JPG"
import Gege from "../../assets/pictures/gege.JPG"
import Zsola from "../../assets/pictures/zsola.JPG"
import Donat from "../../assets/pictures/donat.JPG"
import Turo from "../../assets/pictures/turo.JPG"
import Piskor from "../../assets/pictures/piskor.JPG"
const About = () => {
const [visible, setVisible] = useState(false)
SerpentRace_Frontend/src/pages/Report/Reports.jsx
+58
View File
@@ -0,0 +1,58 @@
// src/pages/Reports/Reports.jsx
import { useState } from "react"
import Navbar from "../../components/Navbar/Navbar.jsx"
import Footer from "../../components/Footer/Footer.jsx"
import Background from "../../assets/backgrounds/Background.jsx"
export default function Reports() {
return (
<div className="w-full min-h-screen flex flex-col relative overflow-x-hidden">
{/* Háttér */}
<div className="fixed inset-0 -z-10 pointer-events-none">
<Background />
</div>
{/* Navbar */}
<div className="fixed top-0 left-0 right-0 z-30">
<Navbar />
</div>
{/* Fő tartalom */}
<main className="flex-1 flex flex-col items-center justify-start py-15 min-h-0 mt-[64px] px-4">
<div className="bg-gradient-to-br from-[#2a3b34] to-[#3e584f] rounded-2xl shadow-xl p-8 w-full max-w-5xl">
{/* Fejléc */}
<div className="text-center mb-8">
<h2 className="text-3xl font-bold text-white">Játék Riportok</h2>
<p className="text-gray-300 mt-2">
Áttekintés a legutóbbi játékokról és statisztikákról
</p>
</div>
{/* Statisztikai kártyák */}
<div className="grid grid-cols-1 sm:grid-cols-3 gap-6 mb-8">
<div className="bg-[#1e2a25] rounded-xl p-6 text-center shadow-inner">
<h3 className="text-3xl font-bold text-[#3dcf85]">25</h3>
<p className="text-gray-300 mt-2">Lejátszott játék</p>
</div>
<div className="bg-[#1e2a25] rounded-xl p-6 text-center shadow-inner">
<h3 className="text-3xl font-bold text-[#3dcf85]">78%</h3>
<p className="text-gray-300 mt-2">Átlagos nyerési arány</p>
</div>
<div className="bg-[#1e2a25] rounded-xl p-6 text-center shadow-inner">
<h3 className="text-3xl font-bold text-[#3dcf85]">120</h3>
<p className="text-gray-300 mt-2">Legmagasabb pontszám</p>
</div>
</div>
{/* Grafikon helyőrző */}
<div className="h-72 flex items-center justify-center border-2 border-dashed border-[#3dcf85] rounded-xl bg-[#121816] text-[#3dcf85]">
valami grafikon lehet itt
</div>
</div>
</main>
{/* Footer */}
<Footer />
</div>
)
}