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

fix styling on mojang status page
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 1m3s
Details

Browse Source
This commit is contained in:
Lee
2024-04-18 08:51:52 +01:00
parent f69d69373c
commit e793d0eb39
3 changed files with 52 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/(pages)/mojang/status/page.tsx
View File

@ -69,7 +69,7 @@ export default async function Page(): Promise<ReactElement> {
<h1 className="text-xl">Mojang Status</h1>
<p>The current status of Mojang Services</p>
</div>
<Card className="w-full xs:w-fit text-center">
<Card className="w-full xs:w-fit text-left">
<div>
{endpointsSize === 0 && <p>Unable to fetch endpoint statuses</p>}
{endpointsSize > 0 && (
@ -77,7 +77,7 @@ export default async function Page(): Promise<ReactElement> {
<TableHeader>
<TableRow>
<TableHead className="pl-1 h-8">Service</TableHead>
<TableHead className="pl-1 h-8 text-center">Status</TableHead>
<TableHead className="pl-1 h-8">Status</TableHead>
</TableRow>
</TableHeader>
<TableBody>
@ -89,7 +89,7 @@ export default async function Page(): Promise<ReactElement> {
{url}
</Link>
</TableCell>
<TableCell className={cn(getColor(status), "p-[0.3rem] text-center")}>
<TableCell className={cn(getColor(status), "p-[0.3rem] text-left")}>
{formatStatus(status)}
</TableCell>
</TableRow>