Doppelzeilige Titel der Player Header

Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
Erik Thiele
2026-04-26 09:52:40 +02:00
parent 742f993a73
commit a6e894edf2

View File

@@ -38,7 +38,7 @@
background-color: #eeeeee; background-color: #eeeeee;
border-left: 6px solid #DA002D; border-left: 6px solid #DA002D;
padding-left: 1rem; padding-left: 1rem;
font-size: 1.1rem; /* leicht größer */ /* font-size: 1.1rem; /* leicht größer */
font-weight: 600; font-weight: 600;
} }
@@ -148,15 +148,13 @@
<!-- ========================= --> <!-- ========================= -->
<!-- PRIORITY / GLOBAL PLAYLIST --> <!-- PRIORITY / GLOBAL PLAYLIST -->
<!-- ========================= --> <!-- ========================= -->
<div class="card mb-4 border border-danger"> <div class="card mb-3 border border-danger">
<div class="card-header d-flex justify-content-between align-items-center" <div class="card-header d-flex justify-content-between align-items-center"
style="background:#fff5f5;"> style="background:#fff5f5;">
<div> <span>
<strong style="color:#DA002D;"> <div class="page-title" style="color:#DA002D;">⚠ PRIORITY Playlist</div>
⚠ PRIORITY (global) <div class="page-subtitle">wirkt auf alle Player</div>
</strong> </span>
</div>
<span class="badge bg-green text-green-fg">wirkt auf alle Player</span>
</div> </div>
<div class="card-body"> <div class="card-body">
@@ -207,11 +205,11 @@
</span> </span>
{% if file.type == "image" %} {% if file.type == "image" %}
<span class="badge bg-blue-lt">Bild</span> <span class="badge bg-purple text-purple-fg">Bild</span>
{% elif file.type == "url" %} {% elif file.type == "url" %}
<span class="badge bg-info">URL</span> <span class="badge bg-blue text-blue-fg">URL</span>
{% else %} {% else %}
<span class="badge bg-orange-lt">Video</span> <span class="badge bg-orange text-orange-fg">Video</span>
{% endif %} {% endif %}
<span class="playlist-size"> <span class="playlist-size">
@@ -251,12 +249,21 @@
</div> </div>
<!-- ========================= -->
<!-- SCREENS -->
<!-- ========================= -->
{% for screen, cfg in screens.items() %} {% for screen, cfg in screens.items() %}
<div class="card mb-4"> <div class="card mb-3">
<!-- Card Header --> <!-- Card Header -->
<div class="card-header d-flex justify-content-between align-items-center"> <div class="card-header d-flex justify-content-between align-items-center">
<span>Screen: https://signage.ccmake.de/player/{{ screen }}</span> <span>
<div class="page-title">Screen:
<div class="text-uppercase">&nbsp- {{ screen }} -</div>
</div>
<div class="page-subtitle">https://signage.ccmake.de/player/{{ screen }}</div>
</span>
{% if screen_status[screen] == "active" %} {% if screen_status[screen] == "active" %}
<span class="badge bg-green text-green-fg">Aktiv</span> <span class="badge bg-green text-green-fg">Aktiv</span>
{% else %} {% else %}