fix: the padding of components

This commit is contained in:
Saeed AB 2025-09-27 16:11:46 +03:30
parent d67986bcba
commit ab6084d801
10 changed files with 11 additions and 11 deletions

View File

@ -251,7 +251,7 @@ export function DashboardHome() {
if (loading) { if (loading) {
return ( return (
<DashboardLayout> <DashboardLayout>
<div className="p-3 pb-0 grid grid-cols-3 gap-4 animate-pulse"> <div className="grid grid-cols-3 gap-4 animate-pulse">
{/* Top Cards Row */} {/* Top Cards Row */}
<div className="flex justify-between gap-6 [&>*]:w-full col-span-3"> <div className="flex justify-between gap-6 [&>*]:w-full col-span-3">
<SkeletonCard /> <SkeletonCard />
@ -312,7 +312,7 @@ export function DashboardHome() {
return ( return (
<DashboardLayout> <DashboardLayout>
<div className="grid grid-cols-3 p-3 pb-0 gap-4"> <div className="grid grid-cols-3 gap-4">
{/* Top Cards Row - Redesigned to match other components */} {/* Top Cards Row - Redesigned to match other components */}
<div className="flex justify-between gap-6 [&>*]:w-full col-span-3"> <div className="flex justify-between gap-6 [&>*]:w-full col-span-3">
{/* Ideas Card */} {/* Ideas Card */}

View File

@ -88,7 +88,7 @@ export function DashboardLayout({
className, className,
)} )}
> >
<div className="relative h-full min-w-0 w-full z-10 overflow-x-hidden"> <div className="relative h-full min-w-0 w-full z-10 overflow-x-hidden p-5">
{children} {children}
</div> </div>
</main> </main>

View File

@ -654,7 +654,7 @@ export function DigitalInnovationPage() {
return ( return (
<DashboardLayout title="نوآوری دیجیتال"> <DashboardLayout title="نوآوری دیجیتال">
<div className="p-6 space-y-4 grid justify-between gap-8 sm:grid-cols-1 xl:grid-cols-[40%_60%]"> <div className="space-y-4 grid justify-between gap-8 sm:grid-cols-1 xl:grid-cols-[40%_60%]">
{/* Stats Cards */} {/* Stats Cards */}
<div className="flex flex-col gap-6 w-full mb-0"> <div className="flex flex-col gap-6 w-full mb-0">
<div className="space-y-6 w-full"> <div className="space-y-6 w-full">

View File

@ -686,7 +686,7 @@ export function GreenInnovationPage() {
return ( return (
<DashboardLayout title="نوآوری سبز"> <DashboardLayout title="نوآوری سبز">
<div className="p-6 space-y-4 h-[23.5rem]"> <div className="space-y-4 h-[23.5rem]">
{/* Stats Cards */} {/* Stats Cards */}
<div className="flex gap-6 mb-5 md:flex-col xl:flex-row"> <div className="flex gap-6 mb-5 md:flex-col xl:flex-row">
<div className="flex flex-col justify-between xl:w-1/2 sm:w-full sm:gap-2"> <div className="flex flex-col justify-between xl:w-1/2 sm:w-full sm:gap-2">

View File

@ -701,7 +701,7 @@ export function InnovationBuiltInsidePage() {
return ( return (
<DashboardLayout title="نوآوری ساخت داخل"> <DashboardLayout title="نوآوری ساخت داخل">
<div className="p-6 space-y-4 justify-between gap-8 grid sm:grid-cols-1 xl:grid-cols-[40%_60%]"> <div className="space-y-4 justify-between gap-8 grid sm:grid-cols-1 xl:grid-cols-[40%_60%]">
{/* Stats Cards */} {/* Stats Cards */}
<div className="flex gap-6 w-full mb-0"> <div className="flex gap-6 w-full mb-0">
<div className="flex flex-col justify-between w-full gap-6"> <div className="flex flex-col justify-between w-full gap-6">

View File

@ -664,7 +664,7 @@ export function ManageIdeasTechPage() {
return ( return (
<DashboardLayout title="مدیریت ایده های فناوری و نوآوری"> <DashboardLayout title="مدیریت ایده های فناوری و نوآوری">
<div className="p-6 space-y-6"> <div className="space-y-6">
{/* Data Table */} {/* Data Table */}
<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">

View File

@ -586,7 +586,7 @@ export function ProcessInnovationPage() {
return ( return (
<DashboardLayout title="نوآوری در فرآیند"> <DashboardLayout title="نوآوری در فرآیند">
<div className="p-6 py-2 space-y-4"> <div className="py-2 space-y-4">
{/* Stats Cards */} {/* Stats Cards */}
<div className="flex gap-6"> <div className="flex gap-6">
<div className="space-y-4 w-full"> <div className="space-y-4 w-full">

View File

@ -672,7 +672,7 @@ export function ProductInnovationPage() {
return ( return (
<DashboardLayout title="نوآوری در محصول"> <DashboardLayout title="نوآوری در محصول">
<div className="p-6 space-y-4 flex justify-center gap-4"> <div className="space-y-4 flex justify-center gap-4">
{/* Stats Cards */} {/* Stats Cards */}
<div className="flex flex-col gap-6"> <div className="flex flex-col gap-6">
<div className="space-y-6 w-full"> <div className="space-y-6 w-full">

View File

@ -765,7 +765,7 @@ export function ProjectManagementPage() {
return ( return (
<DashboardLayout title="مدیریت پروژه‌ها"> <DashboardLayout title="مدیریت پروژه‌ها">
<div className="p-6 space-y-6"> <div className="space-y-6">
{/* Data Table */} {/* Data Table */}
<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">

View File

@ -70,7 +70,7 @@ export default function EcosystemPage() {
return ( return (
<ProtectedRoute requireAuth={true}> <ProtectedRoute requireAuth={true}>
<DashboardLayout title="زیست بوم فناوری"> <DashboardLayout title="زیست بوم فناوری">
<div className="p-4 lg:p-6"> <div className="">
<div className="grid grid-cols-1 items-start lg:grid-cols-12 gap-4"> <div className="grid grid-cols-1 items-start lg:grid-cols-12 gap-4">
<div className="lg:col-span-4"> <div className="lg:col-span-4">
<InfoPanel selectedCompany={selectedCompany} /> <InfoPanel selectedCompany={selectedCompany} />