admin/38018-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Auto commit: 2026-01-31T02:25:58.333Z

Browse Source
This commit is contained in:
Flatlogic Bot 2026-01-31 02:25:58 +00:00
parent 6559e1578e
commit 44dc375ca7
1 changed files with 54 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
index.php
View File

@ -103,6 +103,12 @@ try {
} }
@media (max-width: 992px) { @media (max-width: 992px) {
.left-column {
position: static;
flex: none;
width: 100%;
max-width: 400px;
}
.main-wrapper { .main-wrapper {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -115,6 +121,15 @@ try {
} }
} }
.left-column {
position: sticky;
top: 2rem;
flex: 0 0 300px;
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.player-container { .player-container {
background: var(--glass-bg); background: var(--glass-bg);
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
@ -122,13 +137,9 @@ try {
border: 1px solid var(--glass-border); border: 1px solid var(--glass-border);
border-radius: 20px; border-radius: 20px;
padding: 1.25rem; padding: 1.25rem;
flex: 0 0 300px;
max-width: 300px;
width: 100%; width: 100%;
text-align: center; text-align: center;
box-shadow: 0 10px 30px rgba(0,0,0,0.5); box-shadow: 0 10px 30px rgba(0,0,0,0.5);
position: sticky;
top: 2rem;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
@ -550,7 +561,8 @@ try {
<div class="bg-image" id="bgImage"></div> <div class="bg-image" id="bgImage"></div>
<div class="main-wrapper"> <div class="main-wrapper">
<!-- Left: Player --> <!-- Left: Player & Admin Stats -->
<div class="left-column">
<aside class="player-container"> <aside class="player-container">
<div class="live-badge">En Vivo</div> <div class="live-badge">En Vivo</div>
@ -583,6 +595,14 @@ try {
<?php endif; ?> <?php endif; ?>
</aside> </aside>
<?php if ($isAdmin): ?>
<div class="admin-stats-box" style="margin-bottom: 0;">
<h6 class="small mb-2 opacity-75"><i class="fas fa-globe-americas me-1"></i> Estadísticas en Tiempo Real</h6>
<iframe src="https://lili-records-radio-7109.dev.flatlogic.app/" class="admin-iframe" style="height: 350px;"></iframe>
</div>
<?php endif; ?>
</div>
<!-- Right: Image + Comments --> <!-- Right: Image + Comments -->
<div class="right-content"> <div class="right-content">
<img src="<?= $promoImage ?>" alt="Lili Records Promo" class="promo-image"> <img src="<?= $promoImage ?>" alt="Lili Records Promo" class="promo-image">
@ -599,12 +619,6 @@ try {
<p class="qr-text-mini">Apoya</p> <p class="qr-text-mini">Apoya</p>
</div> </div>
</div> </div>
<div class="admin-stats-box">
<h6 class="small mb-2 opacity-75"><i class="fas fa-globe-americas me-1"></i> Oyentes y Países en Tiempo Real</h6>
<iframe src="https://lili-records-radio-7109.dev.flatlogic.app/" class="admin-iframe"></iframe>
</div>
<div class="comments-list" id="commentsList"> <div class="comments-list" id="commentsList">
<?php if (empty($requests)): ?> <?php if (empty($requests)): ?>
<div class="text-center py-5 opacity-50"> <div class="text-center py-5 opacity-50">