fix: change designed bug

This commit is contained in:
mehrdad_adabi 2025-09-05 19:55:15 +03:30
parent ec6235f00c
commit 2c393eddf0

View File

@ -166,10 +166,10 @@ const columns = [
]; ];
const dialogChartData = [ const dialogChartData = [
{ name: 'مرحله افول', value: 10 }, { name: 'مرحه پیدایش', value: 10 },
{ name: 'مرحله رشد', value: 20 }, { name: 'مرحله رشد', value: 14 },
{ name: 'مرحله بلوغ', value: 15 }, { name: 'مرحله بلوغ', value: 25 },
{ name: 'مرحه پیدایش', value: 25 }, { name:'مرحله افول', value: 15 },
]; ];
@ -691,7 +691,7 @@ export function InnovationBuiltInsidePage() {
return ( return (
<DashboardLayout title="نوآوری ساخت داخل"> <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 */} {/* Stats Cards */}
<div className="flex gap-6 w-full"> <div className="flex gap-6 w-full">
<div className="flex flex-col justify-between w-full gap-6"> <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"> <Card className="bg-transparent backdrop-blur-sm rounded-lg overflow-hidden w-full h-max">
<CardContent className="p-0"> <CardContent className="p-0">
<div className="relative "> <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> <TableHeader>
<TableRow className="bg-[#3F415A]"> <TableRow className="bg-[#3F415A]">
{columns.map((column) => ( {columns.map((column) => (
@ -892,7 +892,7 @@ export function InnovationBuiltInsidePage() {
<TableBody> <TableBody>
{loading ? ( {loading ? (
// Skeleton loading rows (compact) // Skeleton loading rows (compact)
Array.from({ length: 10 }).map((_, index) => ( Array.from({ length: 40 }).map((_, index) => (
<TableRow <TableRow
key={`skeleton-${index}`} key={`skeleton-${index}`}
className="text-sm leading-tight h-8" className="text-sm leading-tight h-8"
@ -959,14 +959,14 @@ export function InnovationBuiltInsidePage() {
</CardContent> </CardContent>
<div className="p-2 px-4 bg-gray-700/50"> <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="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 w-1/3 pr-36"> <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"> <div className="text-base text-gray-401 mb-1">
کل پروژه ها :{formatNumber(actualTotalCount)} کل پروژه ها :{formatNumber(actualTotalCount)}
</div> </div>
</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"> <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-violet-500 rounded-tl-xl rounded-bl-xl"></span>
<span className="block w-7 h-2.5 bg-purple-500 "></span> <span className="block w-7 h-2.5 bg-purple-500 "></span>