fix: fixed text-alignment

eea · Jun 8, 2023 · a2dc67f · a2dc67f
1 parent 12d0272
commit a2dc67f
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/StatisticBlock/View.jsx b/src/StatisticBlock/View.jsx
@@ -84,7 +84,9 @@ const View = ({ data, mode }) => {
               key={`${index}-${item.label}`}
               {...(href ? { className: 'ui statistic', href } : {})}
             >
-              <Statistic.Value className={cx('slate', valueVariation)}>
+              <Statistic.Value
+                className={cx('slate', `text-${textAlign}`, valueVariation)}
+              >
                 {animation.enabled && isNumber(valueNo) && !isNaN(valueNo) ? (
                   <CountUp
                     end={valueNo}
@@ -99,10 +101,12 @@ const View = ({ data, mode }) => {
                   _serializeNodes(valueNodes)
                 )}
               </Statistic.Value>
-              <Statistic.Label className={cx('slate', labelVariation)}>
+              <Statistic.Label
+                className={cx('slate', `text-${textAlign}`, labelVariation)}
+              >
                 {serializeNodes(item.label)}
               </Statistic.Label>
-              <div className={cx('slate text-center', extraVariation)}>
+              <div className={cx('slate', `text-${textAlign}`, extraVariation)}>
                 {serializeNodes(item.info)}
               </div>
             </StatisticWrapper>