Auto commit: 2026-01-31T14:17:10.128Z

This commit is contained in:
Flatlogic Bot 2026-01-31 14:17:10 +00:00
parent 883f360b87
commit a8024ec263

View File

@ -398,6 +398,14 @@ try {
position: relative;
z-index: 2;
}
.qr-container {
cursor: pointer;
transition: all 0.3s ease;
}
.qr-container:hover {
transform: scale(1.1);
}
</style>
</head>
<body>
@ -465,7 +473,7 @@ try {
<h5 class="mb-1"><i class="fas fa-comments me-2 text-primary"></i>Mensajes de Oyentes</h5>
<p class="small opacity-50 mb-0">Gestiona las peticiones en tiempo real</p>
</div>
<div class="text-center" style="width: 90px;">
<div class="text-center qr-container" style="width: 90px;" data-bs-toggle="modal" data-bs-target="#qrModal">
<img src="<?= $qrImage ?>" alt="QR Pago" class="w-100 rounded-3 mb-1">
<p class="small fw-bold mb-0">APOYAR</p>
</div>
@ -499,7 +507,7 @@ try {
<h5 class="mb-1"><i class="fas fa-paper-plane me-2 text-primary"></i>¡Envía tu mensaje!</h5>
<p class="small opacity-60 mb-0">Pide una canción o envía un saludo al aire.</p>
</div>
<div class="text-center" style="width: 90px;">
<div class="text-center qr-container" style="width: 90px;" data-bs-toggle="modal" data-bs-target="#qrModal">
<img src="<?= $qrImage ?>" alt="QR Pago" class="w-100 rounded-3 mb-1">
<p class="small fw-bold mb-0">APOYAR</p>
</div>
@ -569,6 +577,20 @@ try {
</div>
</div>
<!-- Modal QR Ampliado -->
<div class="modal fade" id="qrModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content bg-transparent border-0">
<div class="modal-body p-0 text-center">
<img src="<?= $qrImage ?>" alt="QR Pago Ampliado" class="img-fluid rounded-4 shadow-lg" style="max-width: 90vw; max-height: 80vh; border: 5px solid rgba(255,255,255,0.1);">
<div class="mt-4">
<button type="button" class="btn btn-light rounded-pill px-5 fw-bold" data-bs-dismiss="modal">CERRAR</button>
</div>
</div>
</div>
</div>
</div>
<a href="<?= $youtubeUrl ?>" target="_blank" class="btn-youtube-float" title="YouTube">
<i class="fab fa-youtube"></i>
</a>