fixes
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
import { ReactNode, useState } from "react";
|
||||
import React, { ReactNode, useState } from "react";
|
||||
import { Link } from "react-router";
|
||||
import { ArrowUpIcon, ArrowDownIcon } from "../../icons";
|
||||
import { EnhancedTooltip } from "../ui/tooltip/EnhancedTooltip";
|
||||
@@ -131,9 +131,9 @@ export default function EnhancedMetricCard({
|
||||
)}
|
||||
</div>
|
||||
<div
|
||||
className={`flex items-center justify-center w-12 h-12 rounded-xl ${colors.bg} ${colors.hover} transition-colors`}
|
||||
className={`flex items-center justify-center w-12 h-12 rounded-xl ${colors.bg} ${colors.hover} transition-colors flex-shrink-0`}
|
||||
>
|
||||
<div className={colors.icon}>{icon}</div>
|
||||
{React.cloneElement(icon as React.ReactElement, { className: `${colors.icon} size-6` })}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -60,7 +60,16 @@ export default function WorkflowPipeline({
|
||||
|
||||
return (
|
||||
<div className={`relative ${className}`}>
|
||||
<div className="flex items-center justify-between gap-4 overflow-x-auto pb-4">
|
||||
<div className="flex items-center justify-between gap-4 overflow-x-auto pb-4 scrollbar-hide">
|
||||
<style>{`
|
||||
.scrollbar-hide::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
.scrollbar-hide {
|
||||
-ms-overflow-style: none;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
`}</style>
|
||||
{steps.map((step, index) => {
|
||||
const isLast = index === steps.length - 1;
|
||||
const nextStep = !isLast ? steps[index + 1] : null;
|
||||
|
||||
Reference in New Issue
Block a user