tknuth/QR-master
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Onboarding verbessern

Browse Source
This commit is contained in:
Timo Knuth
2026-04-23 19:24:33 +02:00
parent eacaef1fbd
commit c6f20f7f0b
5 changed files with 10 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/(main)/(app)/dashboard/page.tsx
View File

@@ -338,7 +338,7 @@ export default function DashboardPage() {
</Badge>
{userPlan === 'FREE' && (
<Link href="/pricing">
<Button className="bg-slate-900 text-white hover:bg-slate-800">Upgrade</Button>
<Button className="bg-primary-600 text-white hover:bg-primary-700">Upgrade</Button>
</Link>
)}
</div>
@@ -371,7 +371,7 @@ export default function DashboardPage() {
</Button>
)}
<Link href="/create">
<Button className="bg-slate-900 text-white hover:bg-slate-800">Create New QR Code</Button>
<Button className="bg-primary-600 text-white hover:bg-primary-700">Create New QR Code</Button>
</Link>
</div>
</div>
@@ -401,7 +401,7 @@ export default function DashboardPage() {
You have {FREE_DYNAMIC_QR_LIMIT} free dynamic QR codes. They redirect wherever you want and track every scan.
</p>
<Link href="/create">
<Button className="bg-slate-900 text-white hover:bg-slate-800">Create QR Code — it takes 90 seconds</Button>
<Button className="bg-primary-600 text-white hover:bg-primary-700">Create QR Code — it takes 90 seconds</Button>
</Link>
</div>
) : (

23
src/app/(main)/onboarding/OnboardingClient.tsx
View File

@@ -622,29 +622,6 @@ export default function OnboardingClient() {
<div className="h-full rounded-full bg-slate-900 transition-all duration-300" style={{ width: `${progress}%` }} />
</div>
<div className="mt-4 grid grid-cols-4 gap-2 sm:grid-cols-8">
{stepLabels.map((label, index) => {
const stepNumber = index + 1;
const isCurrent = stepNumber === step;
const isDone = stepNumber < step;
return (
<div
key={label}
className={`rounded-2xl border px-2 py-3 text-center text-xs font-medium transition-colors ${
isCurrent
? 'border-slate-900 bg-slate-900 text-white'
: isDone
? 'border-slate-300 bg-slate-100 text-slate-700'
: 'border-slate-200 bg-white text-slate-400'
}`}
>
<div className="mb-1 text-[11px] font-semibold">{stepNumber}</div>
<div className="truncate">{label}</div>
</div>
);
})}
</div>
</section>
<section className="mt-6 rounded-[28px] border border-slate-200 bg-white p-5 text-slate-900 shadow-[0_20px_60px_-48px_rgba(15,23,42,0.45)] sm:p-8">