From 2c393eddf08f2e46472b11ee40d2d44bef8e3e0e Mon Sep 17 00:00:00 2001
From: mehrdad_adabi <mehrdadadabi29@gmail.com>
Date: Fri, 5 Sep 2025 19:55:15 +0330
Subject: [PATCH] fix: change designed bug

---
 .../innovation-built-inside-page.tsx          | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

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 ed93fe6..0c75312 100644
--- a/app/components/dashboard/project-management/innovation-built-inside-page.tsx
+++ b/app/components/dashboard/project-management/innovation-built-inside-page.tsx
@@ -166,10 +166,10 @@ const columns = [
 ];
 
 const dialogChartData = [
-  { name: 'مرحله افول', value: 10 },
-  { name: 'مرحله رشد', value: 20 },
-  { name: 'مرحله بلوغ', value: 15 },
-  { name: 'مرحه پیدایش', value: 25 },
+  { name:  'مرحه پیدایش', value: 10 },
+  { name:  'مرحله رشد', value: 14 },
+  { name:  'مرحله بلوغ', value: 25 },
+  { name:'مرحله افول', value: 15 },
 
 ];
 
@@ -691,7 +691,7 @@ export function InnovationBuiltInsidePage() {
 
   return (
     <DashboardLayout title="نوآوری ساخت داخل">
-      <div className="p-6 space-y-4 flex flex-row justify-between gap-8">
+      <div className="p-6 space-y-4 flex  justify-between gap-8 sm:flex-col xl:flex-row">
         {/* Stats Cards */}
         <div className="flex gap-6 w-full">
           <div className="flex flex-col justify-between w-full gap-6">
@@ -857,7 +857,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 max-h-[calc(90vh-10px)]">
+              <Table containerClassName="overflow-auto custom-scrollbar h-[calc(90vh-15px)]">
                 <TableHeader>
                   <TableRow className="bg-[#3F415A]">
                     {columns.map((column) => (
@@ -892,7 +892,7 @@ export function InnovationBuiltInsidePage() {
                 <TableBody>
                   {loading ? (
                     // Skeleton loading rows (compact)
-                    Array.from({ length: 10 }).map((_, index) => (
+                    Array.from({ length: 40 }).map((_, index) => (
                       <TableRow
                         key={`skeleton-${index}`}
                         className="text-sm leading-tight h-8"
@@ -959,14 +959,14 @@ export function InnovationBuiltInsidePage() {
           </CardContent>
 
           <div className="p-2 px-4 bg-gray-700/50">
-            <div className="flex flex-row gap-4 text-sm text-gray-300 font-persian justify-between">
-              <div className="text-center gap-2 items-center  w-1/3 pr-36">
+            <div className="flex gap-4 text-sm text-gray-300 font-persian justify-between sm:flex-col xl:flex-row">
+              <div className="text-center gap-2 items-center  xl:w-1/3 pr-36 sm:w-full">
                 <div className="text-base text-gray-401 mb-1">
                   کل پروژه ها :{formatNumber(actualTotalCount)}
                 </div>
               </div>
 
-              <div className="flex  items-center flex-row gap-20 status justify-center w-2/3">
+              <div className="flex  items-center flex-row gap-20 status justify-center xl:w-2/3 sm:w-full">
                 <div className="flex flex-row-reverse">
                   <span className="block w-7 h-2.5 bg-violet-500 rounded-tl-xl rounded-bl-xl"></span>
                   <span className="block w-7 h-2.5 bg-purple-500 "></span>