Update display_global.php
This commit is contained in:
@@ -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('');
|
||||
|
||||
Reference in New Issue
Block a user