Auto commit: 2026-01-31T02:03:26.616Z

This commit is contained in:
Flatlogic Bot 2026-01-31 02:03:26 +00:00
parent 04e3d63d95
commit c4f851dc58

View File

@ -160,7 +160,7 @@ try {
box-shadow: 0 20px 50px rgba(0,0,0,0.4);
display: flex;
flex-direction: column;
max-height: 700px;
max-height: 800px;
}
.comments-header {
@ -211,10 +211,6 @@ try {
opacity: 0.9;
}
.comment-text {
opacity: 0.9;
}
.comment-date {
font-size: 0.7rem;
opacity: 0.4;
@ -408,20 +404,44 @@ try {
animation: none;
}
.qr-section {
margin-top: 0.75rem;
padding-top: 0.75rem;
border-top: 1px solid var(--glass-border);
text-align: center;
.qr-mini-box {
background: rgba(255,255,255,0.1);
padding: 5px;
border-radius: 8px;
border: 1px solid var(--glass-border);
transition: all 0.3s ease;
}
.qr-mini-box:hover {
background: rgba(255,255,255,0.2);
}
.qr-image-mini {
width: 50px;
height: 50px;
border-radius: 4px;
display: block;
margin: 0 auto;
}
.qr-text-mini {
font-size: 0.55rem;
margin: 2px 0 0;
opacity: 0.8;
text-transform: uppercase;
font-weight: 700;
}
.qr-image {
width: 80px;
height: 80px;
border-radius: 10px;
margin: 0.25rem auto;
border: 2px solid rgba(255,255,255,0.1);
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
.admin-stats-box {
background: rgba(255,255,255,0.05);
border: 1px solid var(--glass-border);
border-radius: 12px;
padding: 0.75rem;
overflow: hidden;
}
.admin-iframe {
width: 100%;
height: 200px;
border: none;
border-radius: 8px;
background: #000;
}
.whatsapp-btn {
@ -564,9 +584,15 @@ try {
<div class="comments-window">
<?php if ($isAdmin): ?>
<div class="comments-header">
<h5 class="mb-0"><i class="fas fa-comments me-2"></i>Mensajes de la Audiencia</h5>
<span class="badge bg-danger rounded-pill"><?= count($requests) ?></span>
<div class="comments-header d-flex justify-content-between align-items-center">
<div>
<h5 class="mb-0"><i class="fas fa-comments me-2"></i>Mensajes de la Audiencia</h5>
<span class="badge bg-danger rounded-pill"><?= count($requests) ?> mensajes</span>
</div>
<div class="qr-mini-box text-center">
<img src="<?= $qrImage ?>" alt="QR Pago" class="qr-image-mini">
<p class="qr-text-mini">Apoya</p>
</div>
</div>
<div class="comments-list" id="commentsList">
@ -594,16 +620,25 @@ try {
<?php endif; ?>
</div>
<?php else: ?>
<div class="comments-header border-0 mb-0">
<h5 class="mb-0"><i class="fas fa-paper-plane me-2"></i>¡Envíanos tu mensaje!</h5>
<div class="comments-header border-0 mb-0 d-flex justify-content-between align-items-center">
<div>
<h5 class="mb-0"><i class="fas fa-paper-plane me-2"></i>¡Envíanos tu mensaje!</h5>
<p class="small opacity-50 mb-0">Tus peticiones y saludos llegan directo a cabina.</p>
</div>
<div class="qr-mini-box text-center">
<img src="<?= $qrImage ?>" alt="QR Pago" class="qr-image-mini">
<p class="qr-text-mini">Apoya</p>
</div>
</div>
<p class="small opacity-50 mb-3">Tus peticiones y saludos llegan directo a cabina.</p>
<div class="mb-3"></div>
<?php endif; ?>
<div class="qr-section">
<img src="<?= $qrImage ?>" alt="QR Pago" class="qr-image">
<p class="small opacity-50 mt-1" style="font-size: 0.7rem;">Apoya a la radio</p>
<?php if ($isAdmin): ?>
<div class="admin-stats-box mb-3">
<h6 class="small mb-2 opacity-75"><i class="fas fa-globe me-1"></i> Mapa y Conexiones en Vivo (Admin)</h6>
<iframe src="https://lili-records-radio-7109.dev.flatlogic.app/" class="admin-iframe"></iframe>
</div>
<?php endif; ?>
<form action="submit_request.php" method="POST" class="request-form">
<div class="row g-2">
@ -751,4 +786,4 @@ try {
}
</script>
</body>
</html>
</html>