root/nezha_dash
1
0
Fork 0
mirror of https://github.com/hamster1963/nezha-dash.git synced 2025-04-24 21:10:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add detail page

Browse Source
This commit is contained in:
hamster1963 2024-10-17 23:45:18 +08:00
parent a429ed30ba
commit 3a73f27cea
2 changed files with 35 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/[locale]/(main)/detail/[id]/page.tsx Normal file
View File

@ -0,0 +1,7 @@
export default function Page({ params }: { params: { id: string } }) {
return (
<div className="mx-auto grid w-full max-w-5xl gap-4 md:gap-6">
{params.id}
</div>
);
}

52
components/ServerCard.tsx
View File

@ -36,35 +36,39 @@ export default function ServerCard({
"flex flex-col items-center justify-start gap-3 p-3 md:px-5 lg:flex-row"
}
>
<Popover>
{/* <Popover>
<PopoverTrigger asChild>
<section
className="grid items-center gap-2 lg:w-28"
style={{ gridTemplateColumns: "auto auto 1fr" }}
>
<span className="h-2 w-2 shrink-0 rounded-full bg-green-500 self-center"></span>
<div
className={cn(
"flex items-center justify-center",
showFlag ? "min-w-[17px]" : "min-w-0",
)}
>
{showFlag ? <ServerFlag country_code={country_code} /> : null}
</div>
<p
className={cn(
"break-all font-bold tracking-tight",
showFlag ? "text-xs" : "text-sm",
)}
>
{name}
</p>
</section>
</PopoverTrigger>
<PopoverContent side="top">
<ServerCardPopover status={props.status} host={props.host} />
</PopoverContent>
</Popover>
</Popover> */}
<section
className="grid items-center gap-2 lg:w-28 cursor-pointer"
style={{ gridTemplateColumns: "auto 1fr auto" }}
onClick={() => {
router.push(`/${locale}/detail/${id}`);
}}
>
<div
className={cn(
"flex items-center justify-center",
showFlag ? "min-w-[17px]" : "min-w-0",
)}
>
{showFlag ? <ServerFlag country_code={country_code} /> : null}
</div>
<p
className={cn(
"break-all font-bold tracking-tight",
showFlag ? "text-xs" : "text-sm",
)}
>
{name}
</p>
<span className="h-2 w-2 shrink-0 rounded-full bg-green-500 self-center"></span>
</section>
<div
onClick={() => {
router.push(`/${locale}/${id}`);