Update display_global.php

This commit is contained in:
Lizandro Guarnizo
2026-06-11 23:14:43 -05:00
parent 375cba86eb
commit 98d81c3ebb
+23 -11
View File
@@ -172,7 +172,7 @@ $_hasVideo = (bool)$_tvVideo;
height: 100%;
}
.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;
padding: .8rem .8rem .3rem; flex-shrink: 0;
}
@@ -181,10 +181,10 @@ $_hasVideo = (bool)$_tvVideo;
scrollbar-width: thin; scrollbar-color: #e2e8f0 transparent;
}
.ul-item {
padding: .5rem .6rem; border-radius: 8px;
margin-bottom: .25rem;
display: flex; align-items: center; gap: .6rem;
padding: .55rem .7rem; border-radius: 8px;
margin-bottom: .3rem;
background: #f8fafc; border: 1px solid #e2e8f0;
font-size: .72rem;
}
.ul-item.activo {
background: var(--brand);
@@ -193,10 +193,20 @@ $_hasVideo = (bool)$_tvVideo;
}
.ul-item.activo .ul-nom,
.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-nom { color: #1e293b; font-weight: 600; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ul-item .ul-dest { color: #64748b; font-size: .65rem; display: block; }
.ul-item .ul-dest i { margin-right: 2px; }
.ul-item .ul-left { flex: 1; min-width: 0; }
.ul-item .ul-cod { font-weight: 800; font-size: 1.05rem; display: block; }
.ul-item .ul-nom {
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) ── */
.reel-wrap {
@@ -215,7 +225,7 @@ $_hasVideo = (bool)$_tvVideo;
}
.reel-wrap video {
width: 100%; height: 100%;
object-fit: cover;
object-fit: contain;
display: block;
}
@@ -622,8 +632,10 @@ function renderLlamados() {
const isActivo = i === 0;
const c = l.color || '<?= $_labColor ?>';
return `<div class="ul-item${isActivo ? ' activo' : ''}"${isActivo ? ' style="--brand:' + c + '"' : ''}>
<span class="ul-cod">${esc(l.codigo)}</span>
${l.paciente ? `<span class="ul-nom">${esc(l.paciente)}</span>` : ''}
<div class="ul-left">
<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>
</div>`;
}).join('');