MinecraftUtilities/Frontend
1
1
Fork 0
Code Issues 1 Pull Requests 10 Actions Activity

fix stats for mobile on landing page
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 57s
Details

Browse Source
This commit is contained in:
Lee 2024-04-18 03:24:16 +01:00
parent 1534175fb7
commit 095f773fb7
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/(pages)/page.tsx
View File

@ -63,7 +63,7 @@ export default function Home(): ReactElement {
<Separator /> <Separator />
<div className="flex flex-col gap-4 items-center p-4"> <div className="flex flex-col gap-4 items-center pt-4">
<div className="text-center"> <div className="text-center">
<p className="font-semibold text-xl">API Statistics</p> <p className="font-semibold text-xl">API Statistics</p>
<p>View the statistics for the API in real-time!</p> <p>View the statistics for the API in real-time!</p>

2
src/app/components/stats.tsx
View File

@ -41,7 +41,7 @@ export function Stats(): ReactElement {
const metrics = lastMessage !== null ? JSON.parse(lastMessage.data).metrics : undefined; const metrics = lastMessage !== null ? JSON.parse(lastMessage.data).metrics : undefined;
return ( return (
<div className="flex gap-4 flex-wrap justify-center"> <div className="flex gap-2 flex-wrap justify-center">
{stats.map((stat, index) => { {stats.map((stat, index) => {
const value = metrics ? metrics[stat.id] : "???"; const value = metrics ? metrics[stat.id] : "???";