Goutam/lynkeduppro-crm
2
1
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Sidebar light-theme fix; remove Property step from registration

Browse Source 
- dashboard sidebar now uses the --sidebar token so it turns white in
  light mode instead of staying black; active nav item stays readable
- registration: drop the Property / Job ID step (job ID + find-by-address),
  flow is now Account -> Verify -> Address with steps renumbered

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Goutam0612
2026-07-07 23:39:03 +05:30
parent 25420bef8e
commit 9675bf014d
2 changed files with 16 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/dashboard/dashboard.css
+10 -2
View File
@@ -239,7 +239,7 @@
.dash-root .view { position: relative; z-index: 1; }
/* ---- sidebar (premium nav) ---- */
.dash-root .dash-sidebar { width: 236px; flex: 0 0 236px; background: #040404 }
.dash-root .dash-sidebar { width: 236px; flex: 0 0 236px; background: var(--sidebar); }
.dash-root .dash-brand { padding: 20px 18px 16px; }
.dash-root .dash-brand .bk { font-size: 15.5px; font-weight: 800; letter-spacing: -0.01em; }
.dash-root .dash-nav { padding: 4px 12px 14px; }
@@ -279,7 +279,15 @@
background: linear-gradient(90deg, rgba(17, 9, 9, 0) 0%, rgba(253, 169, 19, 0.21) 100%);
}
.dash-root .nav-item.active svg { color: #fff; }
/* Light theme: the faint orange gradient + white text is invisible on a
white sidebar, so use readable orange text/icon instead. */
.dash-root[data-theme="light"] .nav-item.active {
background: linear-gradient(90deg, rgba(253, 169, 19, 0) 0%, rgba(253, 169, 19, 0.16) 100%);
color: var(--orange);
}
.dash-root[data-theme="light"] .nav-item.active svg { color: var(--orange); }
/* ---- coming-soon placeholder ---- */
.dash-root .coming-soon { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 56px 24px; gap: 8px; }
.dash-root .coming-soon-ic { width: 76px; height: 76px; border-radius: 22px; display: grid; place-items: center; color: var(--orange); background: color-mix(in srgb, var(--orange) 12%, transparent); margin-bottom: 8px; }