Auto commit: 2026-01-31T14:17:10.128Z
This commit is contained in:
parent
883f360b87
commit
a8024ec263
26
index.php
26
index.php
@ -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>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user