Auto commit: 2026-01-31T02:45:42.230Z
This commit is contained in:
parent
a31006be4e
commit
94673b8907
84
index.php
84
index.php
@ -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">© 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 -->
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user