matthias/pitchfast
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refine PitchFast campaign visual identity

Browse Source
This commit is contained in:
Matthias Meister
2026-07-01 09:36:45 +02:00
parent ff4c572157
commit 5db471fba4
10 changed files with 526 additions and 177 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
app/globals.css
View File

@@ -73,14 +73,14 @@
--chart-4: oklch(0.57 0.12 30);
--chart-5: oklch(0.48 0.08 296);
--radius: 0.45rem;
--sidebar: oklch(0.214 0.034 181);
--sidebar-foreground: oklch(0.94 0.02 103);
--sidebar-primary: oklch(0.76 0.112 157);
--sidebar-primary-foreground: oklch(0.145 0.024 185);
--sidebar-accent: oklch(0.285 0.041 181);
--sidebar-accent-foreground: oklch(0.96 0.018 103);
--sidebar-border: oklch(0.94 0.018 103 / 15%);
--sidebar-ring: oklch(0.76 0.112 157);
--sidebar: oklch(0.94 0.021 101);
--sidebar-foreground: oklch(0.19 0.035 178);
--sidebar-primary: oklch(0.31 0.083 177);
--sidebar-primary-foreground: oklch(0.986 0.014 104);
--sidebar-accent: oklch(0.885 0.03 102);
--sidebar-accent-foreground: oklch(0.19 0.035 178);
--sidebar-border: oklch(0.175 0.033 178 / 14%);
--sidebar-ring: oklch(0.54 0.095 177);
--surface-rail: oklch(0.93 0.027 98);
--surface-panel: oklch(0.984 0.012 100);
--surface-pressed: oklch(0.885 0.035 103);
@@ -222,4 +222,61 @@
background: var(--surface-safe);
color: color-mix(in oklch, var(--primary), var(--foreground) 42%);
}
.campaign-ledger {
overflow-x: auto;
border: 1px solid color-mix(in oklch, var(--border), transparent 8%);
border-radius: var(--radius);
background:
linear-gradient(180deg, color-mix(in oklch, var(--card), white 18%), var(--card));
box-shadow:
0 1px 0 color-mix(in oklch, var(--foreground), transparent 94%),
0 20px 48px color-mix(in oklch, var(--foreground), transparent 95%);
}
.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;
align-items: center;
min-width: 58rem;
min-height: 4.75rem;
border-top: 1px solid color-mix(in oklch, var(--border), transparent 25%);
padding: 0.85rem 1rem;
}
.campaign-ledger-row:first-child {
border-top: 0;
}
.campaign-ledger-header {
min-height: 2.75rem;
background: color-mix(in oklch, var(--muted), var(--card) 35%);
color: var(--muted-foreground);
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.campaign-mobile-record {
border: 1px solid color-mix(in oklch, var(--border), transparent 10%);
border-radius: var(--radius);
background:
linear-gradient(180deg, color-mix(in oklch, var(--card), white 20%), var(--card));
padding: 1rem;
box-shadow: 0 14px 34px color-mix(in oklch, var(--foreground), transparent 94%);
}
.campaign-status-rail {
align-content: start;
}
}