From 07d8fd5e8ecefcad4f578ecc9c6b9110c3acc073 Mon Sep 17 00:00:00 2001
From: MehrdadAdabi <126083584+mehrdadAdabi@users.noreply.github.com>
Date: Sun, 5 Oct 2025 18:20:14 +0330
Subject: [PATCH] fix:improve some styles

---
 .../project-management/digital-innovation-page.tsx       | 9 +++++----
 .../project-management/process-innovation-page.tsx       | 4 ++--
 app/components/ui/custom-bar-chart.tsx                   | 9 +++++----
 3 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/app/components/dashboard/project-management/digital-innovation-page.tsx b/app/components/dashboard/project-management/digital-innovation-page.tsx
index 5ceb8ef..17d7436 100644
--- a/app/components/dashboard/project-management/digital-innovation-page.tsx
+++ b/app/components/dashboard/project-management/digital-innovation-page.tsx
@@ -599,7 +599,8 @@ export function DigitalInnovationPage() {
             variant="ghost"
             size="sm"
             onClick={() => handleProjectDetails(item)}
-            className="text-pr-green hover:text-pr-green 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>
         );
@@ -948,7 +949,7 @@ export function DigitalInnovationPage() {
 
       {/* Project Details Dialog */}
       <Dialog open={detailsDialogOpen} onOpenChange={setDetailsDialogOpen}>
-        <DialogContent className="bg-[linear-gradient(to_bottom_left,#464861,50%,#111628)] max-w-5xl max-h-[80vh] overflow-y-auto">
+        <DialogContent className="bg-[linear-gradient(to_bottom_left,#464861,50%,#111628)] max-w-6xl max-h-[80vh] overflow-y-auto">
           <DialogHeader>
             <DialogTitle className="text-white mr-4 border-b-2 border-gray-600 pb-4 font-persian text-right">
               شرح پروژه
@@ -1006,7 +1007,7 @@ export function DigitalInnovationPage() {
             </div>
             <div className="digitalAbilityDevelopment flex flex-col gap-10 border-l-2 border-l-gray-600 px-5">
               <div className="flex flex-col gap-4">
-                <span className="text-md font-bold">
+                <span className="text-lg font-bold">
                   توسعه قابلیت های دیجیتال:{" "}
                 </span>
                 <div className="flex flex-col gap-2">
@@ -1072,7 +1073,7 @@ export function DigitalInnovationPage() {
             <div className="flex flex-col px-6 gap-4">
               <div className="costBoard mx-auto w-full">
                 <div className="board o border border-gray-600 rounded-xl overflow-hidden flex flex-col">
-                  <span className="title bg-[#3F415A]  text-white w-full p-2.5 pr-4 ">
+                  <span className="text-sm bg-[#3F415A]  text-white w-full p-2.5 pr-4 ">
                     کاهش هزینه ها
                   </span>
 
diff --git a/app/components/dashboard/project-management/process-innovation-page.tsx b/app/components/dashboard/project-management/process-innovation-page.tsx
index 041b50c..cf1a3e7 100644
--- a/app/components/dashboard/project-management/process-innovation-page.tsx
+++ b/app/components/dashboard/project-management/process-innovation-page.tsx
@@ -674,7 +674,7 @@ export function ProcessInnovationPage() {
               - Nice Max: 75 (گرد و خوانا)
               - Ticks: [0, 20, 40, 60, 75]
               این باعث می‌شود نمودار زیباتر و خوانا‌تر باشد */}
-          <BaseCard className="rounded-2xl w-full overflow-hidden">
+          <BaseCard className="rounded-xl w-full overflow-hidden">
             <CustomBarChart
               title="تاثیرات فرآیندی به صورت درصد مقایسه ای"
               loading={statsLoading}
@@ -722,7 +722,7 @@ export function ProcessInnovationPage() {
                         {column.key === "select" ? (
                           <div className="flex items-center justify-center">
                             <span></span>
-                                                      </div>
+                          </div>
                         ) : column.sortable ? (
                           <button
                             onClick={() => handleSort(column.key)}
diff --git a/app/components/ui/custom-bar-chart.tsx b/app/components/ui/custom-bar-chart.tsx
index b479f1c..d820815 100644
--- a/app/components/ui/custom-bar-chart.tsx
+++ b/app/components/ui/custom-bar-chart.tsx
@@ -1,4 +1,4 @@
-import { formatNumber, calculateNiceRange } from "~/lib/utils";
+import { calculateNiceRange, formatNumber } from "~/lib/utils";
 
 export interface BarChartData {
   label: string;
@@ -18,7 +18,7 @@ interface CustomBarChartProps {
   showAxisLabels?: boolean;
   className?: string;
   loading?: boolean;
-  hasPercent ?: boolean
+  hasPercent?: boolean;
 }
 
 export function CustomBarChart({
@@ -86,7 +86,7 @@ export function CustomBarChart({
           return (
             <div key={index} className="flex items-center gap-3">
               <span
-                className={`font-persian text-sm font-normal min-w-[120px] text-right ${
+                className={`font-persian text-sm font-normal min-w-[120px] text-left ${
                   item.labelColor || "text-white"
                 }`}
               >
@@ -109,7 +109,8 @@ export function CustomBarChart({
                 <span className={`text-base font-normal text-left text-white`}>
                   {item.valuePrefix || ""}
 
-                  {formatNumber(parseFloat(displayValue))}{ hasPercent ? "%" : ""}
+                  {formatNumber(parseFloat(displayValue))}
+                  {hasPercent ? "%" : ""}
                   {item.valueSuffix || ""}
                 </span>
               </div>