Actualizar asignados.html

This commit is contained in:
2026-02-24 21:26:41 +00:00
parent 6991ddbc86
commit 8e3a31683d

View File

@@ -398,24 +398,24 @@
const safePhone = matchPhone ? matchPhone[0] : ""; const safePhone = matchPhone ? matchPhone[0] : "";
reqList.innerHTML += ` reqList.innerHTML += `
<div class="bg-blue-50 border border-blue-200 p-5 rounded-[2rem] flex flex-col shadow-sm relative overflow-hidden gap-3"> <div class="bg-white border-2 border-primary-dynamic p-5 rounded-[2rem] flex flex-col shadow-md relative overflow-hidden gap-3">
<div class="absolute right-0 top-0 w-24 h-24 bg-blue-100 rounded-bl-full opacity-50 z-0"></div> <div class="absolute right-0 top-0 w-24 h-24 bg-primary-dynamic rounded-bl-full opacity-10 z-0"></div>
<div class="relative z-10"> <div class="relative z-10">
<p class="text-[9px] font-black text-blue-500 uppercase tracking-widest mb-0.5">Cita Solicitada</p> <p class="text-[9px] font-black text-primary-dynamic uppercase tracking-widest mb-0.5">Cita Solicitada</p>
<h3 class="font-black text-slate-800 text-base leading-tight truncate pr-8">${name}</h3> <h3 class="font-black text-slate-800 text-base leading-tight truncate pr-8">${name}</h3>
<p class="text-[10px] font-bold text-slate-600 mt-1 flex items-center gap-1"><i data-lucide="calendar" class="w-3 h-3 text-blue-500"></i> ${rDate} | ${raw.requested_time} - ${rTime}</p> <p class="text-[10px] font-bold text-slate-600 mt-1 flex items-center gap-1"><i data-lucide="calendar" class="w-3 h-3 text-primary-dynamic"></i> ${rDate} | ${raw.requested_time} - ${rTime}</p>
</div> </div>
<div class="relative z-10 bg-white/70 p-3 rounded-2xl border border-blue-100/50 mt-1"> <div class="relative z-10 bg-slate-50 p-3 rounded-2xl border border-slate-100 mt-1">
<p class="text-[10px] font-medium text-slate-600 line-clamp-2 leading-relaxed">${desc}</p> <p class="text-[10px] font-medium text-slate-600 line-clamp-2 leading-relaxed">${desc}</p>
</div> </div>
<div class="flex gap-2 relative z-10 mt-1"> <div class="flex gap-2 relative z-10 mt-1">
<button onclick="quickCallInline('${safePhone}')" class="flex-1 bg-white border border-blue-200 text-blue-600 hover:bg-blue-100 font-black py-3 rounded-xl flex items-center justify-center gap-1.5 active:scale-95 transition-transform shadow-sm text-[10px] uppercase tracking-widest"> <button onclick="quickCallInline('${safePhone}')" class="flex-1 bg-white border border-primary-dynamic text-primary-dynamic hover:bg-slate-50 font-black py-3 rounded-xl flex items-center justify-center gap-1.5 active:scale-95 transition-transform shadow-sm text-[10px] uppercase tracking-widest">
<i data-lucide="phone" class="w-4 h-4"></i> Llamar <i data-lucide="phone" class="w-4 h-4"></i> Llamar
</button> </button>
<button onclick="openApproveModal(${req.id})" class="flex-1 bg-blue-600 text-white hover:bg-blue-700 font-black py-3 rounded-xl flex items-center justify-center gap-1.5 shadow-md active:scale-95 transition-transform text-[10px] uppercase tracking-widest"> <button onclick="openApproveModal(${req.id})" class="flex-1 bg-primary-dynamic text-white hover:opacity-90 font-black py-3 rounded-xl flex items-center justify-center gap-1.5 shadow-md active:scale-95 transition-transform text-[10px] uppercase tracking-widest">
Revisar <i data-lucide="chevron-right" class="w-4 h-4"></i> Revisar <i data-lucide="chevron-right" class="w-4 h-4"></i>
</button> </button>
</div> </div>