data/docker.videokonverter
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(tv): Episoden-Cards vergrößert, Laufzeit-Badge vollständig sichtbar

Browse source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Eduard Wisch 2026-03-16 11:25:45 +01:00
parent 78dd9ebe03
commit f78bfd293b
1 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
video-konverter/app/static/tv/css/tv.css
View file

@ -455,9 +455,10 @@ a { color: var(--accent); text-decoration: none; }
right: 6px; right: 6px;
background: rgba(0,0,0,0.75); background: rgba(0,0,0,0.75);
color: #fff; color: #fff;
font-size: 0.7rem; font-size: 0.8rem;
padding: 2px 6px; padding: 3px 8px;
border-radius: 3px; border-radius: 3px;
white-space: nowrap;
} }
/* Info-Bereich */ /* Info-Bereich */
@ -1816,8 +1817,8 @@ textarea.input-editing {
/* --- Episode Card-Grid (Phase 5, Plex-Style) --- */ /* --- Episode Card-Grid (Phase 5, Plex-Style) --- */
.tv-episode-grid { .tv-episode-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 0.8rem; gap: 1rem;
padding: 6px; /* Platz fuer Focus-Ring + Scale-Transform */ padding: 6px; /* Platz fuer Focus-Ring + Scale-Transform */
} }
.tv-episode-tile { .tv-episode-tile {
@ -2017,7 +2018,7 @@ textarea.input-editing {
/* Responsive: Episode-Grid */ /* Responsive: Episode-Grid */
@media (min-width: 1200px) { @media (min-width: 1200px) {
.tv-episode-grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); } .tv-episode-grid { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.tv-episode-grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 0.5rem; } .tv-episode-grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 0.5rem; }