Saeed0920/inogen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix the color and height

Browse Source
This commit is contained in:
Saeed AB 2025-10-04 15:05:04 +03:30
parent b0644786f1
commit 97f744aadf
1 changed files with 21 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
app/components/dashboard/project-management/process-innovation-page.tsx
View File

@ -159,7 +159,7 @@ export function ProcessInnovationPage() {
), ),
description: "تن افزایش یافته", description: "تن افزایش یافته",
icon: CirclePause, icon: CirclePause,
color: "text-emerald-400", color: "text-pr-green",
}, },
bottleneckremoval: { bottleneckremoval: {
id: "bottleneckremoval", id: "bottleneckremoval",
@ -167,7 +167,7 @@ export function ProcessInnovationPage() {
value: formatNumber(stats.bottleneckRemovalCount), value: formatNumber(stats.bottleneckRemovalCount),
description: "تعداد رفع گلوگاه", description: "تعداد رفع گلوگاه",
icon: Funnel, icon: Funnel,
color: "text-emerald-400", color: "text-pr-green",
}, },
currencyreduction: { currencyreduction: {
id: "currencyreduction", id: "currencyreduction",
@ -177,7 +177,7 @@ export function ProcessInnovationPage() {
), ),
description: "دلار کاهش یافته", description: "دلار کاهش یافته",
icon: DollarSign, icon: DollarSign,
color: "text-emerald-400", color: "text-pr-green",
}, },
frequentfailuresreduction: { frequentfailuresreduction: {
id: "frequentfailuresreduction", id: "frequentfailuresreduction",
@ -188,7 +188,7 @@ export function ProcessInnovationPage() {
), ),
description: "مجموع درصد کاهش خرابی", description: "مجموع درصد کاهش خرابی",
icon: Wrench, icon: Wrench,
color: "text-emerald-400", color: "text-pr-green",
}, },
}); });
@ -524,7 +524,7 @@ export function ProcessInnovationPage() {
<Checkbox <Checkbox
checked={selectedProjects.has(item.project_id)} checked={selectedProjects.has(item.project_id)}
onCheckedChange={() => handleSelectProject(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": case "details":
@ -533,14 +533,14 @@ export function ProcessInnovationPage() {
variant="ghost" variant="ghost"
size="sm" size="sm"
onClick={() => handleProjectDetails(item)} 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> </Button>
); );
case "amount_currency_reduction": case "amount_currency_reduction":
return ( return (
<span className="font-medium text-emerald-400"> <span className="font-medium text-pr-green">
{formatCurrency(String(value))} {formatCurrency(String(value))}
</span> </span>
); );
@ -593,9 +593,9 @@ export function ProcessInnovationPage() {
return ( return (
<DashboardLayout title="نوآوری در فرآیند"> <DashboardLayout title="نوآوری در فرآیند">
<div className="py-2 space-y-4"> <div className="flex flex-col gap-4">
{/* Stats Cards */} {/* Stats Cards */}
<div className="flex gap-6"> <div className="flex gap-4">
<div className="space-y-4 w-full"> <div className="space-y-4 w-full">
{/* Stats Grid */} {/* Stats Grid */}
<div className="grid grid-cols-2 gap-3"> <div className="grid grid-cols-2 gap-3">
@ -612,7 +612,7 @@ export function ProcessInnovationPage() {
className="h-6 bg-gray-600 rounded animate-pulse" className="h-6 bg-gray-600 rounded animate-pulse"
style={{ width: "60%" }} 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 className="w-6 h-6 bg-gray-600 rounded animate-pulse" />
</div> </div>
</div> </div>
@ -710,7 +710,7 @@ export function ProcessInnovationPage() {
<Card className="bg-transparent backdrop-blur-sm rounded-2xl overflow-hidden"> <Card className="bg-transparent backdrop-blur-sm rounded-2xl overflow-hidden">
<CardContent className="p-0"> <CardContent className="p-0">
<div className="relative"> <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> <TableHeader>
<TableRow className="bg-[#3F415A]"> <TableRow className="bg-[#3F415A]">
{columns.map((column) => ( {columns.map((column) => (
@ -721,14 +721,7 @@ export function ProcessInnovationPage() {
> >
{column.key === "select" ? ( {column.key === "select" ? (
<div className="flex items-center justify-center"> <div className="flex items-center justify-center">
<Checkbox <span></span>
checked={
selectedProjects.size === projects.length &&
projects.length > 0
}
onCheckedChange={handleSelectAll}
className="data-[state=checked]:bg-emerald-600 data-[state=checked]:border-emerald-600"
/>
</div> </div>
) : column.sortable ? ( ) : column.sortable ? (
<button <button
@ -764,7 +757,7 @@ export function ProcessInnovationPage() {
{columns.map((column) => ( {columns.map((column) => (
<TableCell <TableCell
key={column.key} 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="flex items-center gap-2">
<div className="w-2.5 h-2.5 bg-gray-600 rounded-full animate-pulse" /> <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) => ( {columns.map((column) => (
<TableCell <TableCell
key={column.key} 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)} {renderCellContent(project, column)}
</TableCell> </TableCell>
@ -814,7 +807,7 @@ export function ProcessInnovationPage() {
{loadingMore && ( {loadingMore && (
<div className="flex items-center justify-center py-1"> <div className="flex items-center justify-center py-1">
<div className="flex items-center gap-2"> <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> <span className="font-persian text-gray-300 text-xs"></span>
</div> </div>
</div> </div>
@ -876,7 +869,7 @@ export function ProcessInnovationPage() {
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<h4 className="font-light text-sm text-white font-persian mb-2 flex items-center gap-1"> <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> </h4>
<span className="text-white font-normal text-base font-persian"> <span className="text-white font-normal text-base font-persian">
@ -891,7 +884,7 @@ export function ProcessInnovationPage() {
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<h4 className="font-light text-sm text-white font-persian mb-2 flex items-center gap-1"> <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> </h4>
<span className="text-white font-normal text-base font-persian"> <span className="text-white font-normal text-base font-persian">
@ -906,7 +899,7 @@ export function ProcessInnovationPage() {
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<h4 className="font-light text-sm text-white font-persian mb-2 flex items-center gap-1"> <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> </h4>
<span className="text-white font-normal text-base font-persian"> <span className="text-white font-normal text-base font-persian">
@ -924,7 +917,7 @@ export function ProcessInnovationPage() {
</div> </div>
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<h4 className="font-light text-sm text-white font-persian mb-2 flex items-center gap-1"> <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> </h4>
<span className="text-white font-normal text-base font-persian"> <span className="text-white font-normal text-base font-persian">