Убран двухколоночный layout ChartsGrid и секции аналитики OpsDashboard — Платежи и Расходы идут столбцом full-width. Co-authored-by: Cursor <[email protected]>
This commit is contained in:
@@ -460,7 +460,7 @@ export function MonthlyTrendChart({
|
|||||||
}
|
}
|
||||||
|
|
||||||
export function ChartsGrid({ children }: { children: ReactNode }) {
|
export function ChartsGrid({ children }: { children: ReactNode }) {
|
||||||
return <div className="grid gap-4 lg:grid-cols-2">{children}</div>
|
return <div className="grid w-full gap-4">{children}</div>
|
||||||
}
|
}
|
||||||
|
|
||||||
export function ProjectExpenseChart({
|
export function ProjectExpenseChart({
|
||||||
|
|||||||
@@ -32,7 +32,7 @@ function OpsDashboardSkeleton() {
|
|||||||
<Skeleton className="mt-2 h-4 w-80 max-w-full" />
|
<Skeleton className="mt-2 h-4 w-80 max-w-full" />
|
||||||
</header>
|
</header>
|
||||||
<KpiStatGrid cards={[]} isLoading skeletonCount={4} />
|
<KpiStatGrid cards={[]} isLoading skeletonCount={4} />
|
||||||
<div className="grid gap-2 @3xl:grid-cols-2">
|
<div className="grid w-full gap-2">
|
||||||
<Skeleton className="h-64 w-full rounded-xl" />
|
<Skeleton className="h-64 w-full rounded-xl" />
|
||||||
<Skeleton className="h-64 w-full rounded-xl" />
|
<Skeleton className="h-64 w-full rounded-xl" />
|
||||||
</div>
|
</div>
|
||||||
@@ -61,10 +61,7 @@ export function OpsDashboard({
|
|||||||
<KpiStatGrid cards={kpiCards} skeletonCount={4} />
|
<KpiStatGrid cards={kpiCards} skeletonCount={4} />
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section
|
<section aria-label="Аналитика" className="grid w-full min-w-0 gap-2">
|
||||||
aria-label="Аналитика"
|
|
||||||
className="grid min-w-0 items-start gap-2 @3xl:grid-cols-2"
|
|
||||||
>
|
|
||||||
{charts}
|
{charts}
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user