Update src/components/sections/metrics/MetricCardEight.tsx
This commit is contained in:
@@ -31,7 +31,7 @@ interface MetricCardEightProps {
|
|||||||
metricsContainerClassName?: string;
|
metricsContainerClassName?: string;
|
||||||
metricClassName?: string;
|
metricClassName?: string;
|
||||||
valueClassName?: string;
|
valueClassName?: string;
|
||||||
metricTitleClassName?: string;
|
metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
const MetricCardEight = ({
|
const MetricCardEight = ({
|
||||||
@@ -53,7 +53,7 @@ const MetricCardEight = ({
|
|||||||
metricsContainerClassName = "",
|
metricsContainerClassName = "",
|
||||||
metricClassName = "",
|
metricClassName = "",
|
||||||
valueClassName = "",
|
valueClassName = "",
|
||||||
metricTitleClassName = "",
|
metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
|
||||||
}: MetricCardEightProps) => {
|
}: MetricCardEightProps) => {
|
||||||
const theme = useTheme();
|
const theme = useTheme();
|
||||||
const shouldUseLightText = useInvertedBackground === "invertDefault" || useInvertedBackground === "invertCard";
|
const shouldUseLightText = useInvertedBackground === "invertDefault" || useInvertedBackground === "invertCard";
|
||||||
@@ -122,7 +122,7 @@ const MetricCardEight = ({
|
|||||||
<p className={cls(
|
<p className={cls(
|
||||||
"text-base leading-tight truncate",
|
"text-base leading-tight truncate",
|
||||||
shouldMetricUseLightText ? "text-background/70" : "text-foreground/70",
|
shouldMetricUseLightText ? "text-background/70" : "text-foreground/70",
|
||||||
metricTitleClassName
|
metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName
|
||||||
)}>
|
)}>
|
||||||
{metric.title}
|
{metric.title}
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
Reference in New Issue
Block a user