Fix: Center badge text

This commit is contained in:
gpt-engineer-app[bot]
2025-09-30 13:13:17 +00:00
parent f78c60ef01
commit 24861d25b2
6 changed files with 11 additions and 11 deletions

View File

@@ -351,13 +351,13 @@ export default function Parks() {
<div className="flex items-center justify-between">
<div className="flex flex-wrap items-center gap-1.5 sm:gap-2">
<Badge variant="secondary" className="text-sm sm:text-base px-2 py-0.5 sm:px-3 sm:py-1">
<Badge variant="secondary" className="flex items-center justify-center text-sm sm:text-base px-2 py-0.5 sm:px-3 sm:py-1 whitespace-nowrap">
{filteredAndSortedParks.length} parks
</Badge>
<Badge variant="outline" className="text-xs sm:text-sm px-2 py-0.5">
<Badge variant="outline" className="flex items-center justify-center text-xs sm:text-sm px-2 py-0.5 whitespace-nowrap">
{parks.reduce((sum, park) => sum + (park.ride_count || 0), 0)} total rides
</Badge>
<Badge variant="outline" className="text-xs sm:text-sm px-2 py-0.5 hidden xs:inline-flex sm:inline-flex">
<Badge variant="outline" className="flex items-center justify-center text-xs sm:text-sm px-2 py-0.5 whitespace-nowrap hidden xs:inline-flex sm:inline-flex">
{parks.reduce((sum, park) => sum + (park.coaster_count || 0), 0)} coasters
</Badge>
</div>