Polish dashboard analytics and campaign layouts

This commit is contained in:
Matthias
2026-07-01 19:50:31 +02:00
parent 5db471fba4
commit f0b2c48073
9 changed files with 302 additions and 81 deletions

View File

@@ -1,5 +1,11 @@
import { AnalyticsDashboard } from "@/components/analytics/analytics-dashboard";
export default function AnalyticsPage() {
return <AnalyticsDashboard />;
return (
<main className="px-4 py-5 sm:px-6 lg:px-8">
<div className="mx-auto flex w-full max-w-[100rem] flex-col gap-6">
<AnalyticsDashboard />
</div>
</main>
);
}

View File

@@ -3,7 +3,7 @@ import { CampaignsBoard } from "@/components/campaigns/campaigns-board";
export default function CampaignsPage() {
return (
<main className="px-4 py-5 sm:px-6 lg:px-8">
<div className="mx-auto flex w-full max-w-7xl flex-col gap-6">
<div className="mx-auto flex w-full max-w-[100rem] flex-col gap-6">
<CampaignsBoard />
</div>
</main>

View File

@@ -224,7 +224,8 @@
}
.campaign-ledger {
overflow-x: auto;
max-width: 100%;
overflow: hidden;
border: 1px solid color-mix(in oklch, var(--border), transparent 8%);
border-radius: var(--radius);
background:
@@ -237,20 +238,21 @@
.campaign-ledger-row {
display: grid;
grid-template-columns:
minmax(10rem, 1.15fr)
minmax(6.5rem, 0.75fr)
minmax(7rem, 0.7fr)
minmax(6rem, 0.55fr)
minmax(7rem, 0.62fr)
minmax(8rem, 0.85fr)
minmax(6rem, 0.55fr)
minmax(7rem, 0.65fr);
gap: 0.75rem;
minmax(7.25rem, 1.08fr)
minmax(5.25rem, 0.62fr)
minmax(5.75rem, 0.66fr)
minmax(5rem, 0.5fr)
minmax(5.5rem, 0.56fr)
minmax(8.5rem, 0.9fr)
minmax(4.75rem, 0.46fr)
minmax(4.25rem, 0.36fr);
gap: 0.5rem;
align-items: center;
min-width: 58rem;
width: 100%;
min-width: 0;
min-height: 4.75rem;
border-top: 1px solid color-mix(in oklch, var(--border), transparent 25%);
padding: 0.85rem 1rem;
padding: 0.8rem 0.625rem;
}
.campaign-ledger-row:first-child {