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

Auto commit: 2026-02-15T02:02:09.094Z

Browse Source
This commit is contained in:
Flatlogic Bot 2026-02-15 02:02:09 +00:00
parent 8b87849a22
commit 24c624d999
2 changed files with 63 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/pasted-20260215-020116-2dc16355.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 358 KiB

68
index.php
View File

@ -147,7 +147,7 @@ $liveIndex = get_live_index($schedule);
.app-container {
display: flex;
width: 100%;
max-width: 1200px; /* Aumentado para acomodar ambas secciones */
max-width: 1400px; /* Aumentado para acomodar la foto del estudio */
height: auto;
align-items: center;
justify-content: center;
@ -159,16 +159,49 @@ $liveIndex = get_live_index($schedule);
.app-content {
display: flex;
gap: 2.5rem;
gap: 3rem; /* Aumentado un poco el espacio */
align-items: center;
justify-content: center;
flex-wrap: wrap;
width: 100%;
}
.studio-section {
width: 100%;
max-width: 480px;
display: flex;
flex-direction: column;
justify-content: center;
}
.studio-card {
background: rgba(255, 255, 255, 0.02);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 40px;
padding: 1rem;
box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.4);
transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.studio-card:hover {
transform: translateY(-5px) rotate(-1deg);
border-color: rgba(255, 255, 255, 0.15);
background: rgba(255, 255, 255, 0.04);
}
.studio-photo {
width: 100%;
height: auto;
border-radius: 32px;
display: block;
filter: saturate(1.1) brightness(1.05);
}
.player-section {
width: 100%;
max-width: 460px;
max-width: 420px; /* Ajustado ligeramente */
display: flex;
flex-direction: column;
justify-content: center;
@ -580,12 +613,24 @@ $liveIndex = get_live_index($schedule);
background-color: var(--accent-color);
}
@media (max-width: 1200px) {
.app-container {
max-width: 1000px;
}
.studio-section {
max-width: 400px;
}
.player-section {
max-width: 380px;
}
}
@media (max-width: 992px) {
.app-content {
gap: 2rem;
}
.upcoming-section {
max-width: 460px;
.studio-section, .player-section, .upcoming-section {
max-width: 500px;
}
}
@ -600,6 +645,13 @@ $liveIndex = get_live_index($schedule);
padding: 1.5rem;
align-items: flex-start;
}
.studio-card {
border-radius: 28px;
padding: 0.6rem;
}
.studio-photo {
border-radius: 22px;
}
.glass-card {
padding: 3rem 2rem;
border-radius: 36px;
@ -619,6 +671,12 @@ $liveIndex = get_live_index($schedule);
<div class="app-container">
<div class="app-content">
<section class="studio-section">
<div class="studio-card">
<img src="assets/pasted-20260215-020116-2dc16355.jpg?v=<?php echo time(); ?>" alt="Studio Live" class="studio-photo">
</div>
</section>
<section class="player-section">
<div class="glass-card">
<header class="brand">