This commit is contained in:
Desktop
2025-11-12 21:55:35 +05:00
parent 408b12b607
commit 94fbc196f3
7 changed files with 977 additions and 46 deletions

View File

@@ -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>

View File

@@ -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;