fix the color and height
This commit is contained in:
parent
b0644786f1
commit
97f744aadf
|
|
@ -159,7 +159,7 @@ export function ProcessInnovationPage() {
|
|||
),
|
||||
description: "تن افزایش یافته",
|
||||
icon: CirclePause,
|
||||
color: "text-emerald-400",
|
||||
color: "text-pr-green",
|
||||
},
|
||||
bottleneckremoval: {
|
||||
id: "bottleneckremoval",
|
||||
|
|
@ -167,7 +167,7 @@ export function ProcessInnovationPage() {
|
|||
value: formatNumber(stats.bottleneckRemovalCount),
|
||||
description: "تعداد رفع گلوگاه",
|
||||
icon: Funnel,
|
||||
color: "text-emerald-400",
|
||||
color: "text-pr-green",
|
||||
},
|
||||
currencyreduction: {
|
||||
id: "currencyreduction",
|
||||
|
|
@ -177,7 +177,7 @@ export function ProcessInnovationPage() {
|
|||
),
|
||||
description: "دلار کاهش یافته",
|
||||
icon: DollarSign,
|
||||
color: "text-emerald-400",
|
||||
color: "text-pr-green",
|
||||
},
|
||||
frequentfailuresreduction: {
|
||||
id: "frequentfailuresreduction",
|
||||
|
|
@ -188,7 +188,7 @@ export function ProcessInnovationPage() {
|
|||
),
|
||||
description: "مجموع درصد کاهش خرابی",
|
||||
icon: Wrench,
|
||||
color: "text-emerald-400",
|
||||
color: "text-pr-green",
|
||||
},
|
||||
});
|
||||
|
||||
|
|
@ -524,7 +524,7 @@ export function ProcessInnovationPage() {
|
|||
<Checkbox
|
||||
checked={selectedProjects.has(item.project_id)}
|
||||
onCheckedChange={() => handleSelectProject(item.project_id)}
|
||||
className="data-[state=checked]:bg-emerald-600 data-[state=checked]:border-emerald-600"
|
||||
className="data-[state=checked]:bg-pr-green data-[state=checked]:border-pr-green"
|
||||
/>
|
||||
);
|
||||
case "details":
|
||||
|
|
@ -533,14 +533,14 @@ export function ProcessInnovationPage() {
|
|||
variant="ghost"
|
||||
size="sm"
|
||||
onClick={() => handleProjectDetails(item)}
|
||||
className="text-pr-green hover:text-emerald-300 underline-offset-4 underline font-normal hover:bg-emerald-500/20 p-2 h-auto"
|
||||
className="text-pr-green hover:text-pr-green underline-offset-4 underline font-normal hover:bg-pr-green p-2 h-auto"
|
||||
>
|
||||
جزئیات بیشتر
|
||||
</Button>
|
||||
);
|
||||
case "amount_currency_reduction":
|
||||
return (
|
||||
<span className="font-medium text-emerald-400">
|
||||
<span className="font-medium text-pr-green">
|
||||
{formatCurrency(String(value))}
|
||||
</span>
|
||||
);
|
||||
|
|
@ -593,9 +593,9 @@ export function ProcessInnovationPage() {
|
|||
|
||||
return (
|
||||
<DashboardLayout title="نوآوری در فرآیند">
|
||||
<div className="py-2 space-y-4">
|
||||
<div className="flex flex-col gap-4">
|
||||
{/* Stats Cards */}
|
||||
<div className="flex gap-6">
|
||||
<div className="flex gap-4">
|
||||
<div className="space-y-4 w-full">
|
||||
{/* Stats Grid */}
|
||||
<div className="grid grid-cols-2 gap-3">
|
||||
|
|
@ -612,7 +612,7 @@ export function ProcessInnovationPage() {
|
|||
className="h-6 bg-gray-600 rounded animate-pulse"
|
||||
style={{ width: "60%" }}
|
||||
/>
|
||||
<div className="p-3 bg-emerald-500/20 rounded-full w-fit">
|
||||
<div className="p-3 bg-pr-green rounded-full w-fit">
|
||||
<div className="w-6 h-6 bg-gray-600 rounded animate-pulse" />
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -671,7 +671,7 @@ export function ProcessInnovationPage() {
|
|||
{/* نمودار با الگوریتم Nice Numbers:
|
||||
مثلاً اگر دادهها [10, 35, 63, 18] باشند:
|
||||
- حداکثر: 63، با حاشیه 5% = 66.15
|
||||
- Nice Max: 75 (گرد و خوانا)
|
||||
- Nice Max: 75 (گرد و خوانا)
|
||||
- Ticks: [0, 20, 40, 60, 75]
|
||||
این باعث میشود نمودار زیباتر و خواناتر باشد */}
|
||||
<BaseCard className="rounded-2xl w-full overflow-hidden">
|
||||
|
|
@ -710,7 +710,7 @@ export function ProcessInnovationPage() {
|
|||
<Card className="bg-transparent backdrop-blur-sm rounded-2xl overflow-hidden">
|
||||
<CardContent className="p-0">
|
||||
<div className="relative">
|
||||
<Table containerClassName="overflow-auto custom-scrollbar max-h-[calc(90vh-400px)]">
|
||||
<Table containerClassName="overflow-auto custom-scrollbar max-h-[calc(90vh-420px)]">
|
||||
<TableHeader>
|
||||
<TableRow className="bg-[#3F415A]">
|
||||
{columns.map((column) => (
|
||||
|
|
@ -721,15 +721,8 @@ export function ProcessInnovationPage() {
|
|||
>
|
||||
{column.key === "select" ? (
|
||||
<div className="flex items-center justify-center">
|
||||
<Checkbox
|
||||
checked={
|
||||
selectedProjects.size === projects.length &&
|
||||
projects.length > 0
|
||||
}
|
||||
onCheckedChange={handleSelectAll}
|
||||
className="data-[state=checked]:bg-emerald-600 data-[state=checked]:border-emerald-600"
|
||||
/>
|
||||
</div>
|
||||
<span></span>
|
||||
</div>
|
||||
) : column.sortable ? (
|
||||
<button
|
||||
onClick={() => handleSort(column.key)}
|
||||
|
|
@ -764,7 +757,7 @@ export function ProcessInnovationPage() {
|
|||
{columns.map((column) => (
|
||||
<TableCell
|
||||
key={column.key}
|
||||
className="text-right whitespace-nowrap border-emerald-500/20 py-1 px-2"
|
||||
className="text-right whitespace-nowrap border-pr-green py-1 px-2"
|
||||
>
|
||||
<div className="flex items-center gap-2">
|
||||
<div className="w-2.5 h-2.5 bg-gray-600 rounded-full animate-pulse" />
|
||||
|
|
@ -797,7 +790,7 @@ export function ProcessInnovationPage() {
|
|||
{columns.map((column) => (
|
||||
<TableCell
|
||||
key={column.key}
|
||||
className={`text-right whitespace-nowrap border-emerald-500/20 py-1 px-2 ${column.key === "select" ? "flex justify-center items-center" : ""}`}
|
||||
className={`text-right whitespace-nowrap border-pr-green py-1 px-2 ${column.key === "select" ? "flex justify-center items-center" : ""}`}
|
||||
>
|
||||
{renderCellContent(project, column)}
|
||||
</TableCell>
|
||||
|
|
@ -814,7 +807,7 @@ export function ProcessInnovationPage() {
|
|||
{loadingMore && (
|
||||
<div className="flex items-center justify-center py-1">
|
||||
<div className="flex items-center gap-2">
|
||||
<RefreshCw className="w-4 h-4 animate-spin text-emerald-400" />
|
||||
<RefreshCw className="w-4 h-4 animate-spin text-pr-green" />
|
||||
<span className="font-persian text-gray-300 text-xs"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -876,7 +869,7 @@ export function ProcessInnovationPage() {
|
|||
|
||||
<div className="flex items-center justify-between">
|
||||
<h4 className="font-light text-sm text-white font-persian mb-2 flex items-center gap-1">
|
||||
<Building2 className="h-4 text-green-500 text-sm font-light" />
|
||||
<Building2 className="h-4 text-pr-green text-sm font-light" />
|
||||
زمان شروع:
|
||||
</h4>
|
||||
<span className="text-white font-normal text-base font-persian">
|
||||
|
|
@ -891,7 +884,7 @@ export function ProcessInnovationPage() {
|
|||
|
||||
<div className="flex items-center justify-between">
|
||||
<h4 className="font-light text-sm text-white font-persian mb-2 flex items-center gap-1">
|
||||
<PickaxeIcon className="h-4 text-green-500 text-sm font-light" />
|
||||
<PickaxeIcon className="h-4 text-pr-green text-sm font-light" />
|
||||
زمان پایان:
|
||||
</h4>
|
||||
<span className="text-white font-normal text-base font-persian">
|
||||
|
|
@ -906,7 +899,7 @@ export function ProcessInnovationPage() {
|
|||
|
||||
<div className="flex items-center justify-between">
|
||||
<h4 className="font-light text-sm text-white font-persian mb-2 flex items-center gap-1">
|
||||
<UsersIcon className="h-4 text-green-500 text-sm font-light" />
|
||||
<UsersIcon className="h-4 text-pr-green text-sm font-light" />
|
||||
هزینه برآورد شده:
|
||||
</h4>
|
||||
<span className="text-white font-normal text-base font-persian">
|
||||
|
|
@ -924,7 +917,7 @@ export function ProcessInnovationPage() {
|
|||
</div>
|
||||
<div className="flex items-center justify-between">
|
||||
<h4 className="font-light text-sm text-white font-persian mb-2 flex items-center gap-1">
|
||||
<UserIcon className="h-4 text-green-500 text-sm font-light" />
|
||||
<UserIcon className="h-4 text-pr-green text-sm font-light" />
|
||||
نفر مرتبط:
|
||||
</h4>
|
||||
<span className="text-white font-normal text-base font-persian">
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user