From 6b611d7200b20f9e7558c8d3381842f78c01899a Mon Sep 17 00:00:00 2001
From: MehrdadAdabi <126083584+mehrdadAdabi@users.noreply.github.com>
Date: Sat, 4 Oct 2025 18:45:24 +0330
Subject: [PATCH] fix:change styles and update color

---
 .../digital-innovation-page.tsx               | 22 +++++++--------
 .../green-innovation-page.tsx                 | 10 +++----
 .../innovation-built-inside-page.tsx          | 27 +++++++++----------
 3 files changed, 29 insertions(+), 30 deletions(-)

diff --git a/app/components/dashboard/project-management/digital-innovation-page.tsx b/app/components/dashboard/project-management/digital-innovation-page.tsx
index 1b5b35b..91a6f84 100644
--- a/app/components/dashboard/project-management/digital-innovation-page.tsx
+++ b/app/components/dashboard/project-management/digital-innovation-page.tsx
@@ -212,7 +212,7 @@ export function DigitalInnovationPage() {
       value: formatNumber(stats.reduceCosts.toFixed?.(1) ?? stats.reduceCosts),
       description: "میلیون ریال کاهش یافته",
       icon: <TrendingDown />,
-      color: "text-emerald-400",
+      color: "text-pr-green",
     },
     {
       id: "bottleneck-removal",
@@ -220,7 +220,7 @@ export function DigitalInnovationPage() {
       value: formatNumber(stats.increasedRevenue),
       description: "میلیون ریال افزایش یافته",
       icon: <TrendingUp />,
-      color: "text-emerald-400",
+      color: "text-pr-green",
     },
 
     {
@@ -231,7 +231,7 @@ export function DigitalInnovationPage() {
       ),
       description: "هزار تن صرفه جوریی شده",
       icon: <Database />,
-      color: "text-emerald-400",
+      color: "text-pr-green",
     },
     {
       id: "frequent-failures-reduction",
@@ -242,7 +242,7 @@ export function DigitalInnovationPage() {
       ),
       description: "مگاوات کاهش یافته",
       icon: <Zap />,
-      color: "text-emerald-400",
+      color: "text-pr-green",
     },
   ];
 
@@ -599,14 +599,14 @@ export function DigitalInnovationPage() {
             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-emerald-500/20 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>
         );
@@ -709,7 +709,7 @@ export function DigitalInnovationPage() {
                           </div>
                           <div className="flex items-center justify-center flex-col p-2 pb-4">
                             <p
-                              className={`text-3xl font-bold ${card.color} mb-1`}
+                              className={`text-3xl font-bold  ${card.color} mb-1`}
                             >
                               {card.value}
                             </p>
@@ -735,25 +735,25 @@ export function DigitalInnovationPage() {
                 {
                   label: DigitalCardLabel.decreasCost,
                   value: stats.reduceCostsPercent || 0,
-                  color: "bg-emerald-400",
+                  color: "bg-pr-green",
                   labelColor: "text-white",
                 },
                 {
                   label: DigitalCardLabel.increaseRevenue,
                   value: stats.increasedRevenuePercent || 0,
-                  color: "bg-emerald-400",
+                  color: "bg-pr-green",
                   labelColor: "text-white",
                 },
                 {
                   label: DigitalCardLabel.performance,
                   value: stats.resourceProductivityPercent || 0,
-                  color: "bg-emerald-400",
+                  color: "bg-pr-green",
                   labelColor: "text-white",
                 },
                 {
                   label: DigitalCardLabel.decreaseEnergy,
                   value: stats.reduceEnergyConsumptionPercent || 0,
-                  color: "bg-emerald-400",
+                  color: "bg-pr-green",
                   labelColor: "text-white",
                 },
               ]}
diff --git a/app/components/dashboard/project-management/green-innovation-page.tsx b/app/components/dashboard/project-management/green-innovation-page.tsx
index b15acd3..d673736 100644
--- a/app/components/dashboard/project-management/green-innovation-page.tsx
+++ b/app/components/dashboard/project-management/green-innovation-page.tsx
@@ -602,14 +602,14 @@ export function GreenInnovationPage() {
             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-emerald-500/20 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>
         );
@@ -733,7 +733,7 @@ export function GreenInnovationPage() {
                         </div>
                         <div className="flex items-center justify-between p-6 flex-row-reverse">
                           <div className="flex flex-col">
-                            <span className="text-3xl font-bold text-emerald-400 mb-1 font-persian">
+                            <span className="text-3xl font-bold text-pr-green mb-1 font-persian">
                               % {value.percent?.value}
                             </span>
                             <span className="text-sm text-gray-400 font-persian">
@@ -742,7 +742,7 @@ export function GreenInnovationPage() {
                           </div>
                           <b className="block w-0.5 h-8 bg-gray-600 rotate-45" />
                           <div className="flex flex-col">
-                            <span className="text-3xl font-bold text-emerald-400 mb-1 font-persian">
+                            <span className="text-3xl font-bold text-pr-green mb-1 font-persian">
                               {value.total?.value}
                             </span>
                             <span className="text-sm text-gray-400 font-persian">
@@ -1113,7 +1113,7 @@ export function GreenInnovationPage() {
               شرح پروژه
             </DialogTitle>
           </DialogHeader>
-          <div className="space-y-4 flex justify-between text-right px-6">
+          <div className="space-y-4 flex justify-between text-right p-6">
             {/* Project Description */}
             <div className="flex-[4] border-l-2 border-gray-600">
               <h2 className="font-bold">{selectedProjectDetails?.title}</h2>
diff --git a/app/components/dashboard/project-management/innovation-built-inside-page.tsx b/app/components/dashboard/project-management/innovation-built-inside-page.tsx
index 90bb420..097dc69 100644
--- a/app/components/dashboard/project-management/innovation-built-inside-page.tsx
+++ b/app/components/dashboard/project-management/innovation-built-inside-page.tsx
@@ -152,8 +152,8 @@ enum projectStatus {
 
 const columns = [
   { key: "select", label: "", sortable: false, width: "50px" },
-  { key: "project_no", label: "شماره پروژه", sortable: true, width: "140px" },
-  { key: "title", label: "عنوان پروژه", sortable: true, width: "400px" },
+  { key: "project_no", label: "شماره پروژه", sortable: true, width: "120px" },
+  { key: "title", label: "عنوان پروژه", sortable: true, width: "300px" },
   {
     key: "project_status",
     label: "وضعیت پروژه",
@@ -164,7 +164,7 @@ const columns = [
     key: "project_rating",
     label: "امتیاز پروژه",
     sortable: true,
-    width: "140px",
+    width: "120px",
   },
   { key: "details", label: "جزئیات پروژه", sortable: false, width: "140px" },
 ];
@@ -624,14 +624,14 @@ export function InnovationBuiltInsidePage() {
             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-emerald-500/20 p-2 h-auto"
           >
             جزئیات بیشتر
           </Button>
         );
       case "amount_currency_reduction":
         return (
-          <span className="font-medium text-emerald-500">
+          <span className="font-medium text-pr-green">
             {formatCurrency(String(value))}
           </span>
         );
@@ -701,10 +701,10 @@ export function InnovationBuiltInsidePage() {
 
   return (
     <DashboardLayout title="نوآوری ساخت داخل">
-      <div className="space-y-4   justify-between gap-8 grid pl-3.5 sm:grid-cols-1 xl:grid-cols-[40%_60%]">
+      <div className="space-y-4  justify-between gap-8 grid pl-3.5 sm:grid-cols-1 xl:grid-cols-[40%_60%]">
         {/* Stats Cards */}
-        <div className="flex gap-6 w-full mb-0">
-          <div className="flex flex-col justify-between w-full gap-6">
+        <div className="flex w-full mb-0">
+          <div className="flex flex-col  w-full justify-between gap-2">
             {statsLoading
               ? // Loading skeleton for stats cards - matching new design
                 Array.from({ length: 2 }).map((_, index) => (
@@ -748,7 +748,7 @@ export function InnovationBuiltInsidePage() {
                         </div>
                         <div className="flex items-center justify-between p-6 flex-row-reverse">
                           <div className="flex flex-col">
-                            <span className="text-3xl font-bold text-emerald-500 mb-1 font-persian">
+                            <span className="text-3xl font-bold text-pr-green mb-1 font-persian">
                               % {value.percent?.value}
                             </span>
                             <span className="text-sm text-gray-400 font-persian">
@@ -757,7 +757,7 @@ export function InnovationBuiltInsidePage() {
                           </div>
                           <b className="block w-0.5 h-8 bg-gray-600 rotate-45" />
                           <div className="flex flex-col">
-                            <span className="text-3xl font-bold text-emerald-500 mb-1 font-persian">
+                            <span className="text-3xl font-bold text-pr-green mb-1 font-persian">
                               {value.total?.value}
                             </span>
                             <span className="text-sm text-gray-400 font-persian">
@@ -867,7 +867,7 @@ export function InnovationBuiltInsidePage() {
         <Card className="bg-transparent backdrop-blur-sm rounded-lg overflow-hidden w-full h-max">
           <CardContent className="p-0">
             <div className="relative ">
-              <Table containerClassName="overflow-auto custom-scrollbar h-[calc(90vh-15px)]">
+              <Table containerClassName="overflow-auto custom-scrollbar h-[calc(100vh-160px)]">
                 <TableHeader>
                   <TableRow className="bg-[#3F415A]">
                     {columns.map((column) => (
@@ -1030,7 +1030,7 @@ export function InnovationBuiltInsidePage() {
 
       {/* Project Details Dialog */}
       <Dialog open={detailsDialogOpen} onOpenChange={setDetailsDialogOpen}>
-        <DialogContent className="bg-[linear-gradient(to_bottom_left,#464861,50%,#111628)]  max-w-6xl  overflow-y-auto">
+        <DialogContent className="bg-[linear-gradient(to_bottom_left,#464861,50%,#111628)]  max-w-5xl  overflow-y-auto">
           <DialogHeader>
             <DialogTitle className="text-white mr-4 border-b-2 border-gray-600 pb-4 font-persian text-right">
               شرح پروژه
@@ -1092,7 +1092,6 @@ export function InnovationBuiltInsidePage() {
                       <div className="flex flex-col  justify-center items-center">
                         <span className="block w-0.5 h-14 bg-white"></span>
                         <span className="text-white border border-white p-1 px-2 text-xs rounded-lg">
-                          {" "}
                           سطح تکنولوژی
                         </span>
                       </div>
@@ -1256,7 +1255,7 @@ export function InnovationBuiltInsidePage() {
                     ))}
                   </div>
                 ) : (
-                  <ResponsiveContainer width="100%" height={420}>
+                  <ResponsiveContainer width="100%" height={400}>
                     <LineChart
                       data={dialogChartData}
                       margin={{ top: 20, right: 70, left: 30, bottom: 80 }}