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

fix motd on mobile and format the player counts
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 55s
Details

Browse Source
This commit is contained in:
Lee
2024-04-16 21:50:08 +01:00
parent 2824bb5878
commit e1ebccd5b7
8 changed files with 32 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -6,7 +6,7 @@ export default function Container({
children: React.ReactNode;
}>): JSX.Element {
return (
<div className="z-[9999] m-auto flex h-screen min-h-full flex-col items-center opacity-90 md:max-w-[1200px]">
<div className="z-[9999] m-auto flex h-screen min-h-full flex-col items-center opacity-90 xs:max-w-[1200px]">
<NavBar />
<div className="w-full flex-1 p-4">{children}</div>
</div>

4
src/app/components/navbar.tsx
View File

@ -18,7 +18,7 @@ export default function NavBar(): JSX.Element {
<div className="bg-secondary w-full rounded-lg flex items-center gap-3 mt-2 bg-opacity-85 h-12">
<div className="flex items-center gap-2 pl-3 pr-3">
<Logo />
<Link href="/" className="hidden md:block">
<Link href="/" className="hidden xs:block">
<p>Minecraft Utilities</p>
</Link>
</div>
@ -29,7 +29,7 @@ export default function NavBar(): JSX.Element {
<div className="flex-grow"></div>
<div className="mr-4 flex items-center gap-2">
<div className="hidden md:block">
<div className="hidden xs:block">
<RedirectButton
title="Star us on Github!"
url="https://github.com/RealFascinated/minecraft-helper"

2
src/app/components/player/lookup-player.tsx
View File

@ -30,7 +30,7 @@ export function LookupPlayer(): JSX.Element {
return (
<form className="flex gap-2 justify-center mt-2">
<Input className="w-fit" placeholder="UUID / Username" value={player} onChange={setPlayerValue} />
<Input className="w-fit" placeholder="UUID / Username" value={player} onChange={setPlayerValue} maxLength={36} />
<Button type="submit" onClick={() => lookupPlayer()}>
Lookup
</Button>

10
src/app/components/server/lookup-server.tsx
View File

@ -32,10 +32,12 @@ export function LookupServer(): JSX.Element {
};
return (
<form className="flex gap-2 justify-center mt-2">
<Input className="w-fit" placeholder="Hostname" value={hostname} onChange={setHostnameValue} />
<Button onClick={() => lookupServer(ServerPlatform.Java)}>Java</Button>
<Button onClick={() => lookupServer(ServerPlatform.Bedrock)}>Bedrock</Button>
<form className="flex gap-2 justify-center items-center mt-2 flex-col xs:flex-row">
<Input className="w-fit" placeholder="Hostname" value={hostname} onChange={setHostnameValue} maxLength={128} />
<div className="flex gap-2 justify-center">
<Button onClick={() => lookupServer(ServerPlatform.Java)}>Java</Button>
<Button onClick={() => lookupServer(ServerPlatform.Bedrock)}>Bedrock</Button>
</div>
</form>
);
}