Fix mobile status page

This commit is contained in:
Alois 2026-08-15 14:00:06 +02:00
commit b65c40d81c
Signed by: alois
SSH key fingerprint: SHA256:GBzT2DXvAuGV9XIV5W3WrzVpjU54FThmxHXdbz95J24
2 changed files with 3 additions and 3 deletions

View file

@ -13,7 +13,7 @@ export const Route = createRootRoute({
<div className="min-h-screen bg-background text-foreground"> <div className="min-h-screen bg-background text-foreground">
<Header /> <Header />
<Outlet /> <Outlet />
<div className="fixed bottom-0 left-0 m-3"> <div className="w-full flex justify-center pb-5">
<a <a
href="https://legal.methanium.net/methanium/privacy-policy" href="https://legal.methanium.net/methanium/privacy-policy"
target="_blank" target="_blank"

View file

@ -252,7 +252,7 @@ function ServiceRow({
return ( return (
<div <div
className={cn( className={cn(
"px-4 flex items-center justify-between py-2 min-w-130", "px-4 flex items-center justify-between py-2 min-w-80 md:min-w-130",
index < max - 1 index < max - 1
? "border-border border-b border-[#C5CED6] dark:border-[#242D38]" ? "border-border border-b border-[#C5CED6] dark:border-[#242D38]"
: "", : "",
@ -268,7 +268,7 @@ function ServiceRow({
<span className="truncate">{service.name}</span> <span className="truncate">{service.name}</span>
<ExternalLink className="size-3 opacity-0 transition-opacity group-hover:opacity-60" /> <ExternalLink className="size-3 opacity-0 transition-opacity group-hover:opacity-60" />
</a> </a>
<p className="mt-1 truncate text-xs max-w-80 text-muted-foreground"> <p className="mt-1 truncate text-xs max-w-40 md:max-w-80 text-muted-foreground">
{service.error ?? {service.error ??
(service.latencyMs !== null (service.latencyMs !== null
? `${service.latencyMs} ms${service.checkHttp3 ? " (HTTP/3 verified)" : ""}` ? `${service.latencyMs} ms${service.checkHttp3 ? " (HTTP/3 verified)" : ""}`