RashidulyN/leadscore
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ux(new-lead): sticky score below header, redirect to list after create

Browse Source 
- Live-score panel was sticky at top-2 z-10 and got hidden behind
  the global header (sticky top-0 z-30). Moved to top-[72px] z-20
  so it slides under the header but stays visible while filling the
  form below.
- After createLead() the router now sends the manager back to the
  leads list (route name 'leads') instead of opening the new lead
  card — matches the "create and move on" workflow.
This commit is contained in:
Telecom 2026-05-22 14:38:24 +05:00
parent faf4b3821a
commit 7e4c212db8
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
leadscore/frontend/src/views/NewLeadView.vue
View File

@ -271,8 +271,8 @@ async function submit() {
if (form.lead_type === 'inbound') body.source = form.source!; if (form.lead_type === 'inbound') body.source = form.source!;
else body.prev_contact = form.prev_contact!; else body.prev_contact = form.prev_contact!;
const lead = await createLead(body); await createLead(body);
router.push({ name: 'lead-card', params: { id: lead.id } }); router.push({ name: 'leads' });
} catch (e) { } catch (e) {
if (e instanceof ApiRequestError) { if (e instanceof ApiRequestError) {
error.value = e.message; error.value = e.message;
@ -295,9 +295,9 @@ async function submit() {
</p> </p>
</div> </div>
<!-- Sticky live score panel --> <!-- Sticky live score panel — top offset clears the global header (h~64px) -->
<div <div
class="sticky top-2 z-10 rounded-2xl border bg-white shadow-sm px-4 py-3 flex items-center gap-4" class="sticky top-[72px] z-20 rounded-2xl border bg-white shadow-sm px-4 py-3 flex items-center gap-4"
> >
<div <div
class="w-14 h-14 rounded-full text-white text-xl font-bold flex items-center justify-center tabular-nums shrink-0 transition-colors" class="w-14 h-14 rounded-full text-white text-xl font-bold flex items-center justify-center tabular-nums shrink-0 transition-colors"