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 22:12:35 -05:00
parent b365dab16f
commit 77da735575
1 changed files with 19 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
modules/turnero/views/display_global.php
+19 -18
View File
@@ -101,12 +101,14 @@ $_hasVideo = (bool)$_tvVideo;
/* ── Main body ── */
.pg-body {
display: flex;
align-items: center;
justify-content: center;
display: grid;
grid-template-columns: 1fr;
overflow: hidden;
position: relative;
}
.pg-body.has-video {
grid-template-columns: 1fr auto;
}
/* ── Turno activo (centro) ── */
@@ -154,22 +156,22 @@ $_hasVideo = (bool)$_tvVideo;
color: #cbd5e1;
}
/* ── Video reel flotante (9:16, alto completo) ── */
/* ── Video reel (9:16, alto completo, columna derecha) ── */
.reel-wrap {
display: none;
position: absolute;
right: 40px;
top: 50%;
transform: translateY(-50%);
height: calc(100% - 60px);
height: 100%;
aspect-ratio: 9 / 16;
border-radius: 20px;
overflow: hidden;
background: #000;
box-shadow: 0 20px 60px rgba(0,0,0,.15), 0 0 0 1px rgba(255,255,255,.08);
z-index: 10;
padding: 8px 8px 8px 0;
}
.reel-wrap.has-video { display: block; }
.reel-wrap .reel-inner {
width: 100%; height: 100%;
border-radius: 16px;
overflow: hidden;
box-shadow: -8px 0 30px rgba(0,0,0,.08);
}
.reel-wrap video {
width: 100%; height: 100%;
object-fit: cover;
@@ -282,9 +284,6 @@ $_hasVideo = (bool)$_tvVideo;
}
.stat-sep { width: 1px; height: 18px; background: #e2e8f0; }
@media (min-width: 1200px) {
.reel-wrap { width: 200px; height: 356px; }
}
</style>
</head>
<body>
@@ -334,9 +333,11 @@ $_hasVideo = (bool)$_tvVideo;
<div class="pac-nombre" id="pac-nombre"></div>
</div>
<div class="reel-wrap <?= $_hasVideo ? 'has-video' : '' ?>" id="reel-wrap">
<video autoplay muted loop playsinline>
<source src="<?= htmlspecialchars($_tvVideo) ?>">
</video>
<div class="reel-inner">
<video autoplay muted loop playsinline>
<source src="<?= htmlspecialchars($_tvVideo) ?>">
</video>
</div>
</div>
</div>