style: optimized status display

This commit is contained in:
仓鼠 2024-10-15 15:30:26 +00:00
parent 45c12e3399
commit 78042da151

View File

@ -40,8 +40,9 @@ export default function ServerCard({
<PopoverTrigger asChild> <PopoverTrigger asChild>
<section <section
className="grid items-center gap-2 lg:w-28" className="grid items-center gap-2 lg:w-28"
style={{ gridTemplateColumns: "auto 1fr auto" }} style={{ gridTemplateColumns: "auto auto 1fr" }}
> >
<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", "flex items-center justify-center",
@ -58,7 +59,6 @@ export default function ServerCard({
> >
{name} {name}
</p> </p>
<span className="h-2 w-2 shrink-0 rounded-full bg-green-500 self-center"></span>
</section> </section>
</PopoverTrigger> </PopoverTrigger>
<PopoverContent side="top"> <PopoverContent side="top">
@ -142,8 +142,9 @@ export default function ServerCard({
<PopoverTrigger asChild> <PopoverTrigger asChild>
<section <section
className="grid items-center gap-2 lg:w-28" className="grid items-center gap-2 lg:w-28"
style={{ gridTemplateColumns: "auto 1fr auto" }} style={{ gridTemplateColumns: "auto auto 1fr" }}
> >
<span className="h-2 w-2 shrink-0 rounded-full bg-red-500 self-center"></span>
<div <div
className={cn( className={cn(
"flex items-center justify-center", "flex items-center justify-center",
@ -160,7 +161,6 @@ export default function ServerCard({
> >
{name} {name}
</p> </p>
<span className="h-2 w-2 shrink-0 rounded-full bg-red-500 self-center"></span>
</section> </section>
</PopoverTrigger> </PopoverTrigger>
<PopoverContent className="w-fit p-2" side="top"> <PopoverContent className="w-fit p-2" side="top">