Auto commit: 2026-01-31T02:03:26.616Z
This commit is contained in:
parent
04e3d63d95
commit
c4f851dc58
89
index.php
89
index.php
@ -160,7 +160,7 @@ try {
|
|||||||
box-shadow: 0 20px 50px rgba(0,0,0,0.4);
|
box-shadow: 0 20px 50px rgba(0,0,0,0.4);
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
max-height: 700px;
|
max-height: 800px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.comments-header {
|
.comments-header {
|
||||||
@ -211,10 +211,6 @@ try {
|
|||||||
opacity: 0.9;
|
opacity: 0.9;
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-text {
|
|
||||||
opacity: 0.9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.comment-date {
|
.comment-date {
|
||||||
font-size: 0.7rem;
|
font-size: 0.7rem;
|
||||||
opacity: 0.4;
|
opacity: 0.4;
|
||||||
@ -408,20 +404,44 @@ try {
|
|||||||
animation: none;
|
animation: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.qr-section {
|
.qr-mini-box {
|
||||||
margin-top: 0.75rem;
|
background: rgba(255,255,255,0.1);
|
||||||
padding-top: 0.75rem;
|
padding: 5px;
|
||||||
border-top: 1px solid var(--glass-border);
|
border-radius: 8px;
|
||||||
text-align: center;
|
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 {
|
.admin-stats-box {
|
||||||
width: 80px;
|
background: rgba(255,255,255,0.05);
|
||||||
height: 80px;
|
border: 1px solid var(--glass-border);
|
||||||
border-radius: 10px;
|
border-radius: 12px;
|
||||||
margin: 0.25rem auto;
|
padding: 0.75rem;
|
||||||
border: 2px solid rgba(255,255,255,0.1);
|
overflow: hidden;
|
||||||
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
|
}
|
||||||
|
.admin-iframe {
|
||||||
|
width: 100%;
|
||||||
|
height: 200px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 8px;
|
||||||
|
background: #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.whatsapp-btn {
|
.whatsapp-btn {
|
||||||
@ -564,9 +584,15 @@ try {
|
|||||||
|
|
||||||
<div class="comments-window">
|
<div class="comments-window">
|
||||||
<?php if ($isAdmin): ?>
|
<?php if ($isAdmin): ?>
|
||||||
<div class="comments-header">
|
<div class="comments-header d-flex justify-content-between align-items-center">
|
||||||
<h5 class="mb-0"><i class="fas fa-comments me-2"></i>Mensajes de la Audiencia</h5>
|
<div>
|
||||||
<span class="badge bg-danger rounded-pill"><?= count($requests) ?></span>
|
<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>
|
||||||
|
|
||||||
<div class="comments-list" id="commentsList">
|
<div class="comments-list" id="commentsList">
|
||||||
@ -594,16 +620,25 @@ try {
|
|||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
<div class="comments-header border-0 mb-0">
|
<div class="comments-header border-0 mb-0 d-flex justify-content-between align-items-center">
|
||||||
<h5 class="mb-0"><i class="fas fa-paper-plane me-2"></i>¡Envíanos tu mensaje!</h5>
|
<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>
|
</div>
|
||||||
<p class="small opacity-50 mb-3">Tus peticiones y saludos llegan directo a cabina.</p>
|
<div class="mb-3"></div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
<div class="qr-section">
|
<?php if ($isAdmin): ?>
|
||||||
<img src="<?= $qrImage ?>" alt="QR Pago" class="qr-image">
|
<div class="admin-stats-box mb-3">
|
||||||
<p class="small opacity-50 mt-1" style="font-size: 0.7rem;">Apoya a la radio</p>
|
<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>
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
<form action="submit_request.php" method="POST" class="request-form">
|
<form action="submit_request.php" method="POST" class="request-form">
|
||||||
<div class="row g-2">
|
<div class="row g-2">
|
||||||
@ -751,4 +786,4 @@ try {
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Loading…
x
Reference in New Issue
Block a user