fix: text alignment

This commit is contained in:
hamster1963 2024-10-13 17:45:20 +08:00
parent 5c3194f71e
commit 190a4b1894

View File

@ -42,7 +42,12 @@ export default function ServerCard({
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 1fr auto" }}
> >
<div className="flex min-w-[17px] items-center justify-center"> <div
className={cn(
"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>
<p <p
@ -136,7 +141,12 @@ export default function ServerCard({
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 1fr auto" }}
> >
<div className="flex items-center min-w-[17px] justify-center"> <div
className={cn(
"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>
<p <p