eminux/MatchLiveTv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Allinea replay alla UI live e corregge miniature e loghi.

Browse Source 
Player contenuto come la diretta, fix streaming thumbnail da S3, volume persistente ActiveStorage in produzione.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Emiliano Frascaro
2026-06-09 11:01:04 +02:00
parent 0621efb839
commit 53f9a6a884
7 changed files with 124 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
backend/public/live.css
View File

@@ -1,32 +1,46 @@
/* Stili pagine dirette — usa layout marketing + marketing.css */
.live-main {
overflow-x: clip;
}
.live-main .wrap {
max-width: 1100px;
margin: 0 auto;
padding: 24px 20px 48px;
}
/* Player contenuto: stesso aspetto su diretta e replay (non full-screen). */
.live-main .live-player-wrap {
position: relative;
width: 100%;
width: min(100%, 900px, calc(50vh * 16 / 9));
margin: 0 auto;
aspect-ratio: 16 / 9;
max-height: min(70vh, calc(100vw * 9 / 16));
min-height: 200px;
min-height: 180px;
border-radius: 12px;
overflow: hidden;
background: #000;
contain: layout style;
contain: layout style paint;
isolation: isolate;
}
.live-main video {
.live-main .live-player-wrap video,
.live-main .live-player-wrap .live-player-embed {
position: absolute;
inset: 0;
z-index: 1;
width: 100%;
height: 100%;
max-height: none;
max-width: 100%;
max-height: 100%;
object-fit: contain;
background: #000;
border-radius: 0;
display: block;
border: 0;
}
.live-main .live-player-wrap--embed {
background: #000;
}
/* Sovraimpressioni chiare sul video (copertina scura). */
@@ -585,48 +599,22 @@
color: #777;
}
.live-main .replay-show__header {
margin-bottom: 20px;
}
.live-main .replay-show__header h1 {
margin: 0 0 8px;
font-size: 1.6rem;
}
.live-main .replay-show__meta {
margin: 0;
color: #999;
font-size: 0.95rem;
}
.live-main .replay-show__player {
padding: 0;
overflow: hidden;
margin-bottom: 16px;
}
.live-main .replay-show__player .replay-video {
display: block;
width: 100%;
border-radius: 12px;
}
.live-main .replay-show__details {
padding: 16px 18px;
}
.live-main .replay-show__details-line {
margin: 0 0 14px;
.live-main .replay-show__meta-line {
margin: 14px 0 0;
color: #aaa;
font-size: 0.9rem;
line-height: 1.5;
}
.live-main .replay-show__meta-line a {
color: #e53935;
}
.live-main .replay-show__actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
gap: 12px;
margin-top: 16px;
}
.live-main .replay-filter-form {