Auto commit: 2026-01-31T02:45:42.230Z

This commit is contained in:
Flatlogic Bot 2026-01-31 02:45:42 +00:00
parent a31006be4e
commit 94673b8907

View File

@ -96,25 +96,25 @@ try {
align-items: flex-start;
justify-content: center;
width: 100%;
max-width: 1300px;
max-width: 1500px;
padding: 2rem;
gap: 2.5rem;
gap: 2rem;
z-index: 1;
}
@media (max-width: 992px) {
.left-column {
position: static;
flex: none;
width: 100%;
max-width: 450px;
}
@media (max-width: 1200px) {
.main-wrapper {
flex-direction: column;
align-items: center;
padding: 1rem;
gap: 1.5rem;
}
.left-column, .admin-column {
position: static;
flex: none;
width: 100%;
max-width: 450px;
}
body {
overflow-y: auto;
height: auto;
@ -130,6 +130,15 @@ try {
gap: 1.5rem;
}
.admin-column {
position: sticky;
top: 2rem;
flex: 0 0 320px;
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.player-container {
background: var(--glass-bg);
backdrop-filter: blur(15px);
@ -496,7 +505,7 @@ try {
<div class="bg-image"></div>
<div class="main-wrapper">
<!-- Left: Player & Admin Stats -->
<!-- Left: Player -->
<div class="left-column">
<aside class="player-container">
<div class="live-badge">En Vivo</div>
@ -527,34 +536,9 @@ try {
</div>
<?php endif; ?>
</aside>
<?php if ($isAdmin): ?>
<div class="admin-stats-box">
<h6 class="small mb-3 d-flex align-items-center font-weight-bold">
<i class="fas fa-globe-americas me-2 text-primary"></i>
MAPA DE VISITANTES
</h6>
<div class="d-flex justify-content-center mb-4" style="background: rgba(255,255,255,0.03); border-radius: 20px; height: 280px; overflow: hidden;">
<iframe src="https://whos.amung.us/mapsview/lili-records/" width="100%" height="280" frameborder="0" scrolling="no" style="border-radius: 20px;"></iframe>
</div>
<h6 class="small mb-3 d-flex align-items-center font-weight-bold">
<i class="fas fa-users me-2 text-primary"></i>
OYENTES ONLINE
</h6>
<div class="d-flex justify-content-center py-3" style="background: rgba(255,255,255,0.03); border-radius: 20px;">
<script id="_wauq0z">var _wau = _wau || []; _wau.push(["classic", "lili-records", "q0z"]);</script><script src="//whos.amung.us/classic.js"></script>
</div>
<div class="mt-3 text-center">
<p class="x-small opacity-50 mb-0" style="font-size: 0.65rem;">
Estadísticas en tiempo real para administradores.
</p>
</div>
</div>
<?php endif; ?>
</div>
<!-- Right: Image + Comments -->
<!-- Center: Image + Comments -->
<div class="right-content">
<img src="<?= $promoImage ?>" alt="Lili Records Promo" class="promo-image">
@ -641,6 +625,34 @@ try {
<p class="small text-white opacity-40 mb-0">&copy; 2026 Lili Record´s Radio. All rights reserved.</p>
</div>
</div>
<!-- Right: Admin Stats -->
<?php if ($isAdmin): ?>
<div class="admin-column">
<div class="admin-stats-box">
<h6 class="small mb-3 d-flex align-items-center font-weight-bold">
<i class="fas fa-globe-americas me-2 text-primary"></i>
MAPA DE VISITANTES
</h6>
<div class="d-flex justify-content-center mb-4" style="background: rgba(255,255,255,0.03); border-radius: 20px; height: 280px; overflow: hidden;">
<iframe src="https://whos.amung.us/mapsview/lili-records/" width="100%" height="280" frameborder="0" scrolling="no" style="border-radius: 20px;"></iframe>
</div>
<h6 class="small mb-3 d-flex align-items-center font-weight-bold">
<i class="fas fa-users me-2 text-primary"></i>
OYENTES ONLINE
</h6>
<div class="d-flex justify-content-center py-3" style="background: rgba(255,255,255,0.03); border-radius: 20px;">
<script id="_wauq0z">var _wau = _wau || []; _wau.push(["classic", "lili-records", "q0z"]);</script><script src="//whos.amung.us/classic.js"></script>
</div>
<div class="mt-3 text-center">
<p class="x-small opacity-50 mb-0" style="font-size: 0.65rem;">
Estadísticas en tiempo real para administradores.
</p>
</div>
</div>
</div>
<?php endif; ?>
</div>
<!-- Modal Política de Privacidad -->