wood/nezha-dash-v1
1
0
Fork 0
mirror of https://github.com/woodchen-ink/nezha-dash-v1.git synced 2025-07-18 17:41:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: server card height

Browse Source
This commit is contained in:
hamster1963 2024-12-15 18:18:01 +08:00
parent a3297ea0b2
commit 941406acbe
1 changed files with 83 additions and 91 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/ServerCard.tsx
View File

@ -44,7 +44,6 @@ export default function ServerCard({ now, serverInfo }: { now: number; serverInf
} }
return online ? ( return online ? (
<section>
<Card <Card
className={cn( className={cn(
"flex flex-col items-center justify-start gap-3 p-3 md:px-5 lg:flex-row cursor-pointer hover:bg-accent/50 transition-colors", "flex flex-col items-center justify-start gap-3 p-3 md:px-5 lg:flex-row cursor-pointer hover:bg-accent/50 transition-colors",
@ -57,19 +56,13 @@ export default function ServerCard({ now, serverInfo }: { now: number; serverInf
> >
<span className="h-2 w-2 shrink-0 rounded-full bg-green-500 self-center"></span> <span className="h-2 w-2 shrink-0 rounded-full bg-green-500 self-center"></span>
<div <div
className={cn( className={cn("flex items-center justify-center", showFlag ? "min-w-[17px]" : "min-w-0")}
"flex items-center justify-center",
showFlag ? "min-w-[17px]" : "min-w-0",
)}
> >
{showFlag ? <ServerFlag country_code={country_code} /> : null} {showFlag ? <ServerFlag country_code={country_code} /> : null}
</div> </div>
<div className="relative flex flex-col"> <div className="relative flex flex-col">
<p <p
className={cn( className={cn("break-all font-bold tracking-tight", showFlag ? "text-xs " : "text-sm")}
"break-all font-bold tracking-tight",
showFlag ? "text-xs " : "text-sm",
)}
> >
{name} {name}
</p> </p>
@ -141,7 +134,6 @@ export default function ServerCard({ now, serverInfo }: { now: number; serverInf
)} )}
</div> </div>
</Card> </Card>
</section>
) : ( ) : (
<Card <Card
className={cn( className={cn(