design updates, nee images
This commit is contained in:
Mark Gregory
@@ -177,41 +177,70 @@
|
||||
<div class="hd-helpdesk-surface space-y-5">
|
||||
<div class="overflow-hidden rounded-2xl border border-blue-400/20 bg-slate-950 shadow-sm ring-1 ring-white/5">
|
||||
<div class="relative min-h-[9.5rem] bg-[radial-gradient(circle_at_78%_18%,rgba(37,99,235,0.28),transparent_34%),linear-gradient(135deg,#020617_0%,#07112d_48%,#111827_100%)] px-5 py-5 text-white sm:px-6">
|
||||
<div class="absolute inset-y-0 right-0 hidden w-[42%] overflow-hidden lg:block" aria-hidden="true">
|
||||
<div class="absolute right-6 top-5 h-28 w-64 rotate-[-8deg] rounded-2xl border border-blue-300/25 bg-blue-950/35 shadow-2xl shadow-blue-950/50">
|
||||
<div class="absolute inset-3 rounded-xl border border-white/10 bg-slate-950/70 p-3">
|
||||
<div class="flex items-center justify-between">
|
||||
<div class="h-2 w-24 rounded-full bg-blue-200/80"></div>
|
||||
<div class="flex gap-1.5">
|
||||
<span class="h-2.5 w-2.5 rounded-full bg-emerald-300"></span>
|
||||
<span class="h-2.5 w-2.5 rounded-full bg-amber-300"></span>
|
||||
<span class="h-2.5 w-2.5 rounded-full bg-rose-300"></span>
|
||||
<div class="absolute inset-y-0 right-0 hidden w-[43%] overflow-hidden lg:block" aria-hidden="true">
|
||||
<div class="absolute inset-0 bg-[radial-gradient(circle_at_72%_22%,rgba(59,130,246,0.32),transparent_30%),radial-gradient(circle_at_88%_88%,rgba(16,185,129,0.22),transparent_28%)]"></div>
|
||||
<div class="absolute right-6 top-5 w-[25rem] rounded-2xl border border-blue-200/20 bg-slate-950/72 p-4 shadow-2xl shadow-blue-950/40 ring-1 ring-white/10 backdrop-blur-sm">
|
||||
<div class="flex items-center justify-between border-b border-white/10 pb-3">
|
||||
<div>
|
||||
<div class="h-2.5 w-36 rounded-full bg-blue-200/90 shadow-[0_0_18px_rgba(147,197,253,.35)]"></div>
|
||||
<div class="mt-2 h-1.5 w-24 rounded-full bg-slate-500/80"></div>
|
||||
</div>
|
||||
<div class="flex items-center gap-2">
|
||||
<span class="h-2.5 w-2.5 rounded-full bg-emerald-300 shadow-[0_0_14px_rgba(110,231,183,.55)]"></span>
|
||||
<span class="h-2.5 w-2.5 rounded-full bg-amber-300 shadow-[0_0_14px_rgba(252,211,77,.45)]"></span>
|
||||
<span class="h-2.5 w-2.5 rounded-full bg-rose-300 shadow-[0_0_14px_rgba(253,164,175,.45)]"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-4 grid grid-cols-3 gap-3">
|
||||
<div class="rounded-xl border border-blue-300/20 bg-blue-500/12 p-3">
|
||||
<div class="mb-3 flex items-center gap-2">
|
||||
<span class="h-7 w-7 rounded-lg bg-blue-500/30"></span>
|
||||
<span class="h-2 w-12 rounded-full bg-blue-200/70"></span>
|
||||
</div>
|
||||
<div class="h-16 rounded-lg bg-gradient-to-b from-blue-300/28 to-blue-900/20"></div>
|
||||
<div class="mt-3 h-1.5 w-full rounded-full bg-blue-200/70"></div>
|
||||
<div class="mt-2 h-1.5 w-2/3 rounded-full bg-slate-500/70"></div>
|
||||
</div>
|
||||
<div class="mt-4 grid grid-cols-3 gap-2">
|
||||
<div class="h-10 rounded-lg bg-blue-400/20 ring-1 ring-blue-300/20"></div>
|
||||
<div class="h-10 rounded-lg bg-emerald-400/15 ring-1 ring-emerald-300/20"></div>
|
||||
<div class="h-10 rounded-lg bg-violet-400/15 ring-1 ring-violet-300/20"></div>
|
||||
<div class="rounded-xl border border-emerald-300/20 bg-emerald-500/10 p-3">
|
||||
<div class="mb-3 flex items-center gap-2">
|
||||
<span class="h-7 w-7 rounded-lg bg-emerald-500/25"></span>
|
||||
<span class="h-2 w-12 rounded-full bg-emerald-100/70"></span>
|
||||
</div>
|
||||
<div class="flex h-16 items-end gap-1.5 rounded-lg bg-slate-950/40 p-2">
|
||||
<span class="h-5 w-full rounded bg-emerald-300/70"></span>
|
||||
<span class="h-8 w-full rounded bg-emerald-300/80"></span>
|
||||
<span class="h-11 w-full rounded bg-emerald-300/90"></span>
|
||||
<span class="h-7 w-full rounded bg-emerald-300/75"></span>
|
||||
</div>
|
||||
<div class="mt-3 h-1.5 w-11/12 rounded-full bg-emerald-100/70"></div>
|
||||
<div class="mt-2 h-1.5 w-1/2 rounded-full bg-slate-500/70"></div>
|
||||
</div>
|
||||
<div class="mt-3 space-y-1.5">
|
||||
<div class="h-1.5 w-11/12 rounded-full bg-blue-300/70"></div>
|
||||
<div class="h-1.5 w-8/12 rounded-full bg-emerald-300/70"></div>
|
||||
<div class="h-1.5 w-6/12 rounded-full bg-amber-300/70"></div>
|
||||
<div class="rounded-xl border border-violet-300/20 bg-violet-500/10 p-3">
|
||||
<div class="mb-3 flex items-center gap-2">
|
||||
<span class="h-7 w-7 rounded-lg bg-violet-500/25"></span>
|
||||
<span class="h-2 w-12 rounded-full bg-violet-100/70"></span>
|
||||
</div>
|
||||
<div class="relative h-16 rounded-lg bg-slate-950/40 p-2">
|
||||
<div class="absolute bottom-3 left-3 h-8 w-8 rounded-full border-[6px] border-violet-300/80 border-r-violet-900/50"></div>
|
||||
<div class="absolute bottom-4 right-3 h-2 w-14 rounded-full bg-violet-200/70"></div>
|
||||
<div class="absolute right-3 top-4 h-2 w-10 rounded-full bg-slate-500/70"></div>
|
||||
</div>
|
||||
<div class="mt-3 h-1.5 w-10/12 rounded-full bg-violet-100/70"></div>
|
||||
<div class="mt-2 h-1.5 w-7/12 rounded-full bg-slate-500/70"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="absolute bottom-4 right-12 grid grid-cols-3 gap-2">
|
||||
<div class="rounded-xl border border-blue-300/25 bg-blue-500/15 px-3 py-2 shadow-lg shadow-blue-950/30">
|
||||
<div class="text-[0.6rem] font-black uppercase tracking-widest text-blue-100">Tickets</div>
|
||||
<div class="mt-1 text-lg font-black">{{ number_format($totalTickets ?? 0) }}</div>
|
||||
</div>
|
||||
<div class="rounded-xl border border-emerald-300/25 bg-emerald-500/15 px-3 py-2 shadow-lg shadow-emerald-950/20">
|
||||
<div class="text-[0.6rem] font-black uppercase tracking-widest text-emerald-100">SLA</div>
|
||||
<div class="mt-1 text-lg font-black">96%</div>
|
||||
</div>
|
||||
<div class="rounded-xl border border-violet-300/25 bg-violet-500/15 px-3 py-2 shadow-lg shadow-violet-950/20">
|
||||
<div class="text-[0.6rem] font-black uppercase tracking-widest text-violet-100">Git</div>
|
||||
<div class="mt-1 text-lg font-black">{{ number_format($gitCommits ?? 0) }}</div>
|
||||
|
||||
<div class="mt-4 rounded-xl border border-white/10 bg-slate-900/70 p-3">
|
||||
<div class="mb-3 flex items-center justify-between">
|
||||
<div class="text-[0.62rem] font-black uppercase tracking-[0.22em] text-blue-100/90">Live support workload</div>
|
||||
<div class="rounded-full bg-emerald-400/15 px-2 py-1 text-[0.62rem] font-black text-emerald-100">Healthy</div>
|
||||
</div>
|
||||
<div class="space-y-2">
|
||||
<div class="h-2 rounded-full bg-slate-800"><div class="h-2 w-[78%] rounded-full bg-blue-300"></div></div>
|
||||
<div class="h-2 rounded-full bg-slate-800"><div class="h-2 w-[62%] rounded-full bg-emerald-300"></div></div>
|
||||
<div class="h-2 rounded-full bg-slate-800"><div class="h-2 w-[43%] rounded-full bg-amber-300"></div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -367,3 +367,13 @@
|
||||
- Reworked dashboard metrics, recent tickets, SLA and Git sections into a polished dark operations layout.
|
||||
- Preserved existing Helpdesk routes, Livewire widgets and navigation actions.
|
||||
- Preserved append-only changelog history.
|
||||
|
||||
- version: 1.10.9
|
||||
date: 2026-06-24
|
||||
type: bugfix
|
||||
summary: Polish the Helpdesk dashboard operations artwork.
|
||||
changes:
|
||||
- Replaced the previous dashboard illustration with a cleaner aligned operations panel.
|
||||
- Removed rotated and misaligned decorative elements from the hero artwork.
|
||||
- Kept the compact dashboard header height to preserve screen space.
|
||||
- Preserved append-only changelog history.
|
||||
|
||||
@@ -22,5 +22,5 @@
|
||||
"Modules\\Helpdesk\\Providers\\HelpdeskServiceProvider"
|
||||
],
|
||||
"files": [],
|
||||
"version": "1.10.8"
|
||||
"version": "1.10.9"
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user