Tabular number formatting for a uniformal look.

victronenergy · Oct 26, 2023 · 3490ead · 3490ead
1 parent 4adbb07
commit 3490ead
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/app/Marine2/components/ui/ValueBar/ValueBar.tsx b/src/app/Marine2/components/ui/ValueBar/ValueBar.tsx
@@ -12,7 +12,9 @@ interface Props {
 
 const ValueBar = ({ values, prefix, forcePowerUnit, status }: Props) => (
   <div className="flex border-t-2 border-victron-gray dark:border-victron-gray-200 px-2">
-    {prefix && <div className="mr-3 md:mr-6 text-victron-darkGray dark:text-victron-gray-500 tabular-nums">{prefix}</div>}
+    {prefix && (
+      <div className="mr-3 md:mr-6 text-victron-darkGray dark:text-victron-gray-500 tabular-nums">{prefix}</div>
+    )}
     <div className="flex justify-between grow">
       {values.map((v, id) => (
         <ValueWithUnit
@@ -21,7 +23,7 @@ const ValueBar = ({ values, prefix, forcePowerUnit, status }: Props) => (
           unit={v.unit}
           hideDecimal={v.hideDecimal}
           forcePowerUnit={forcePowerUnit}
-          className="md:min-w-[110px] bg-red-900 text-black dark:text-victron-gray-600 tabular-nums"
+          className="md:min-w-[110px] text-black dark:text-victron-gray-600 tabular-nums"
           status={status}
         />
       ))}