usite-sas-bic/whatsapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update display_global.php

Browse Source
This commit is contained in:
Lizandro Guarnizo
2026-06-11 23:14:43 -05:00
parent 375cba86eb
commit 98d81c3ebb
1 changed files with 23 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
modules/turnero/views/display_global.php
+23 -11
View File
@@ -172,7 +172,7 @@ $_hasVideo = (bool)$_tvVideo;
height: 100%; height: 100%;
} }
.ultimos-llamados .ul-label { .ultimos-llamados .ul-label {
font-size: .7rem; font-weight: 700; text-transform: uppercase; font-size: .8rem; font-weight: 700; text-transform: uppercase;
letter-spacing: 2px; color: #94a3b8; letter-spacing: 2px; color: #94a3b8;
padding: .8rem .8rem .3rem; flex-shrink: 0; padding: .8rem .8rem .3rem; flex-shrink: 0;
} }
@@ -181,10 +181,10 @@ $_hasVideo = (bool)$_tvVideo;
scrollbar-width: thin; scrollbar-color: #e2e8f0 transparent; scrollbar-width: thin; scrollbar-color: #e2e8f0 transparent;
} }
.ul-item { .ul-item {
padding: .5rem .6rem; border-radius: 8px; display: flex; align-items: center; gap: .6rem;
margin-bottom: .25rem; padding: .55rem .7rem; border-radius: 8px;
margin-bottom: .3rem;
background: #f8fafc; border: 1px solid #e2e8f0; background: #f8fafc; border: 1px solid #e2e8f0;
font-size: .72rem;
} }
.ul-item.activo { .ul-item.activo {
background: var(--brand); background: var(--brand);
@@ -193,10 +193,20 @@ $_hasVideo = (bool)$_tvVideo;
} }
.ul-item.activo .ul-nom, .ul-item.activo .ul-nom,
.ul-item.activo .ul-dest { color: rgba(255,255,255,.75); } .ul-item.activo .ul-dest { color: rgba(255,255,255,.75); }
.ul-item .ul-cod { font-weight: 800; font-size: .82rem; display: block; } .ul-item .ul-left { flex: 1; min-width: 0; }
.ul-item .ul-nom { color: #1e293b; font-weight: 600; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ul-item .ul-cod { font-weight: 800; font-size: 1.05rem; display: block; }
.ul-item .ul-dest { color: #64748b; font-size: .65rem; display: block; } .ul-item .ul-nom {
.ul-item .ul-dest i { margin-right: 2px; } font-size: .85rem; font-weight: 600;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
display: block;
}
.ul-item .ul-dest {
font-size: .9rem; font-weight: 700; color: #1e293b;
text-align: right; flex-shrink: 0;
max-width: 50%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ul-item.activo .ul-dest { color: #fff; }
.ul-item .ul-dest i { margin-right: 4px; }
/* ── Video reel (9:16, alto completo, columna derecha) ── */ /* ── Video reel (9:16, alto completo, columna derecha) ── */
.reel-wrap { .reel-wrap {
@@ -215,7 +225,7 @@ $_hasVideo = (bool)$_tvVideo;
} }
.reel-wrap video { .reel-wrap video {
width: 100%; height: 100%; width: 100%; height: 100%;
object-fit: cover; object-fit: contain;
display: block; display: block;
} }
@@ -622,8 +632,10 @@ function renderLlamados() {
const isActivo = i === 0; const isActivo = i === 0;
const c = l.color || '<?= $_labColor ?>'; const c = l.color || '<?= $_labColor ?>';
return `<div class="ul-item${isActivo ? ' activo' : ''}"${isActivo ? ' style="--brand:' + c + '"' : ''}> return `<div class="ul-item${isActivo ? ' activo' : ''}"${isActivo ? ' style="--brand:' + c + '"' : ''}>
<span class="ul-cod">${esc(l.codigo)}</span> <div class="ul-left">
${l.paciente ? `<span class="ul-nom">${esc(l.paciente)}</span>` : ''} <span class="ul-cod">${esc(l.codigo)}</span>
${l.paciente ? `<span class="ul-nom">${esc(l.paciente)}</span>` : ''}
</div>
<span class="ul-dest"><i class="fas fa-arrow-right"></i> ${esc(l.destino)}</span> <span class="ul-dest"><i class="fas fa-arrow-right"></i> ${esc(l.destino)}</span>
</div>`; </div>`;
}).join(''); }).join('');