Update display_global.php

This commit is contained in:
Lizandro Guarnizo
2026-06-16 15:16:23 -05:00
parent 6be28ae5af
commit 7f84c7f3ae
+10 -11
View File
@@ -204,9 +204,9 @@ $_hasVideo = (bool)$_tvVideo;
scrollbar-width: thin; scrollbar-color: #e2e8f0 transparent; scrollbar-width: thin; scrollbar-color: #e2e8f0 transparent;
} }
.ul-item { .ul-item {
display: flex; align-items: center; gap: .25rem; display: flex; align-items: center; gap: .45rem;
padding: .7rem .9rem; border-radius: 10px; padding: .5rem .75rem; border-radius: 10px;
margin-bottom: .4rem; margin-bottom: .35rem;
background: #fff; border: 1px solid #e2e8f0; background: #fff; border: 1px solid #e2e8f0;
border-left: 4px solid color-mix(in srgb, var(--brand, #1565c0) 50%, transparent); border-left: 4px solid color-mix(in srgb, var(--brand, #1565c0) 50%, transparent);
} }
@@ -218,20 +218,19 @@ $_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-left { flex: 1; min-width: 0; } .ul-item .ul-left { flex: 0 0 auto; min-width: 0; }
.ul-item .ul-cod { font-weight: 800; font-size: 3.2rem; display: block; } .ul-item .ul-cod { font-weight: 800; font-size: 1.55rem; display: block; }
.ul-item .ul-nom { .ul-item .ul-nom {
font-size: 2.2rem; font-weight: 600; font-size: .8rem; font-weight: 500;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
display: block; display: block;
} }
.ul-item .ul-dest { .ul-item .ul-dest {
font-size: 2.4rem; font-weight: 700; color: #1e293b; font-size: 1.1rem; font-weight: 700; color: #1e293b;
text-align: right; flex-shrink: 0; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
max-width: 45%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
} }
.ul-item.activo .ul-dest { color: #fff; } .ul-item.activo .ul-dest { color: #fff; }
.ul-item .ul-dest i { margin-right: 6px; } .ul-item .ul-dest i { margin-right: 3px; }
/* ── Video reel ── */ /* ── Video reel ── */
.reel-wrap { .reel-wrap {
@@ -669,7 +668,7 @@ function renderLlamados() {
<span class="ul-cod">${esc(l.codigo)}</span> <span class="ul-cod">${esc(l.codigo)}</span>
${l.paciente ? `<span class="ul-nom">${esc(l.paciente)}</span>` : ''} ${l.paciente ? `<span class="ul-nom">${esc(l.paciente)}</span>` : ''}
</div> </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('');
} }