David/MEGAINFRA-WEBAPP
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(fuel): keep alert/warn count badges on a single line

Browse source 
The 'X alerts' and 'X warns' badges in AlertCard and AlertListRow
had no whitespace-nowrap, so '2 alerts' could wrap to two lines on
narrow viewports. Add whitespace-nowrap in both AlertCard and
AlertListRow variants of the alert-red and warn-amber badges.
This commit is contained in:
DEls 2026-08-31 14:19:04 +02:00
parent 006596d589
commit 545343e086
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/app/dashboard/fuel/fuel-view.tsx
View file

@ -874,7 +874,7 @@ function AlertCard({
{v.alert > 0 && (
<Badge
variant="outline"
className="gap-1 bg-red-500/15 text-red-700 dark:text-red-400 border-red-500/30"
className="whitespace-nowrap gap-1 bg-red-500/15 text-red-700 dark:text-red-400 border-red-500/30"
>
<AlertTriangle className="h-3 w-3" />
{v.alert} alert{v.alert === 1 ? "" : "s"}
@ -883,7 +883,7 @@ function AlertCard({
{v.warn > 0 && (
<Badge
variant="outline"
className="gap-1 bg-[#F2B165]/20 text-amber-800 dark:text-amber-300 border-[#F2B165]/40"
className="whitespace-nowrap gap-1 bg-[#F2B165]/20 text-amber-800 dark:text-amber-300 border-[#F2B165]/40"
>
{v.warn} warn{v.warn === 1 ? "" : "s"}
</Badge>
@ -959,7 +959,7 @@ function AlertListRow({
{v.alert > 0 && (
<Badge
variant="outline"
className="gap-1 bg-red-500/15 text-red-700 dark:text-red-400 border-red-500/30"
className="whitespace-nowrap gap-1 bg-red-500/15 text-red-700 dark:text-red-400 border-red-500/30"
>
<AlertTriangle className="h-3 w-3" />
{v.alert} alert{v.alert === 1 ? "" : "s"}
@ -968,7 +968,7 @@ function AlertListRow({
{v.warn > 0 && (
<Badge
variant="outline"
className="gap-1 bg-[#F2B165]/20 text-amber-800 dark:text-amber-300 border-[#F2B165]/40"
className="whitespace-nowrap gap-1 bg-[#F2B165]/20 text-amber-800 dark:text-amber-300 border-[#F2B165]/40"
>
{v.warn} warn{v.warn === 1 ? "" : "s"}
</Badge>