fix: mobile patches

This commit is contained in:
dvelo 2024-08-19 19:08:08 -05:00
parent dbc6b182d7
commit 79cef04e48
2 changed files with 20 additions and 4 deletions

@ -13,7 +13,7 @@ import { useTheme } from "next-themes";
import FadeIn from "react-fade-in/lib/FadeIn"; import FadeIn from "react-fade-in/lib/FadeIn";
import { Button } from "./ui/button"; import { Button } from "./ui/button";
import { ServerResponse } from "@/lib/types/mh-server"; import { ServerResponse } from "@/lib/types/mh-server";
import { Copy } from "lucide-react"; import { Copy, Info } from "lucide-react";
import toast, { CheckmarkIcon } from "react-hot-toast"; import toast, { CheckmarkIcon } from "react-hot-toast";
import { MHSF } from "@/lib/mhsf"; import { MHSF } from "@/lib/mhsf";
import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip"; import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip";
@ -138,7 +138,21 @@ export default function AfterServerView({ server }: { server: string }) {
<th className="border p-2">Server plan</th> <th className="border p-2">Server plan</th>
<td className="border p-2"> <td className="border p-2">
{serverObject?.expired == undefined ? ( {serverObject?.expired == undefined ? (
"? (unknown)" <div className="flex items-center">
Free{" "}
<Tooltip>
<TooltipTrigger>
<div>
<Info size={16} className="ml-2" />
</div>
</TooltipTrigger>
<TooltipContent>
The plan is really unknown, but in most
scenarios, the Minehut API returns{" "}
<code>undefined</code> if the server is free.
</TooltipContent>
</Tooltip>
</div>
) : ( ) : (
<>{serverObject?.activeServerPlan}</> <>{serverObject?.activeServerPlan}</>
)} )}
@ -195,7 +209,9 @@ export default function AfterServerView({ server }: { server: string }) {
<th className="border p-2">Icon</th> <th className="border p-2">Icon</th>
<td className="border p-2"> <td className="border p-2">
{serverObject?.icon == undefined ? ( {serverObject?.icon == undefined ? (
"? (unknown)" <>
Default (<code>OAK_SIGN</code>)
</>
) : ( ) : (
<code>{serverObject?.icon}</code> <code>{serverObject?.icon}</code>
)} )}

@ -716,7 +716,7 @@ export default function ServerList() {
style={{ overflow: "hidden !important", paddingLeft: 6 }} style={{ overflow: "hidden !important", paddingLeft: 6 }}
> >
<ClientFadeIn delay={200}> <ClientFadeIn delay={200}>
<div className={" grid " + "grid-cols-" + ipr + " gap-4"}> <div className={" sm:grid " + "sm:grid-cols-" + ipr + " gap-4"}>
{servers.map((b: any) => ( {servers.map((b: any) => (
<> <>
<ServerCard b={b} motd={motdList[b.name]} /> <ServerCard b={b} motd={motdList[b.name]} />