editor.py aktualisiert

This commit is contained in:
2026-10-01 12:00:50 +02:00
parent 6f7f90973d
commit f7c080bc02
+6 -5
View File
@@ -859,6 +859,7 @@ EDITOR_HTML = """
* { box-sizing: border-box; } * { box-sizing: border-box; }
.site-header { display:flex; align-items:center; gap:18px; margin-bottom:24px; } .site-header { display:flex; align-items:center; gap:18px; margin-bottom:24px; }
.site-logo { max-width:140px; max-height:48px; object-fit:contain; display:block; flex:0 0 auto; } .site-logo { max-width:140px; max-height:48px; object-fit:contain; display:block; flex:0 0 auto; }
.edit-logo { width:auto; max-width:80px; max-height:28px; object-fit:contain; display:block; margin:0 0 10px 0; }
.site-header h1 { margin:0; } .site-header h1 { margin:0; }
body { margin:0; padding:24px; background:var(--color-background); color:var(--color-text); font-family:Arial,Helvetica,sans-serif; } body { margin:0; padding:24px; background:var(--color-background); color:var(--color-text); font-family:Arial,Helvetica,sans-serif; }
.container { max-width:1400px; margin:0 auto; } .container { max-width:1400px; margin:0 auto; }
@@ -877,7 +878,7 @@ h1 { margin:0 0 6px; font-size:28px; }
.view-scroll-thumb.dragging { background:var(--color-text-muted); cursor:grabbing; } .view-scroll-thumb.dragging { background:var(--color-text-muted); cursor:grabbing; }
.time-row { display:flex; justify-content:space-between; margin-top:8px; color:var(--color-text-muted); font-size:14px; } .time-row { display:flex; justify-content:space-between; margin-top:8px; color:var(--color-text-muted); font-size:14px; }
.controls { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:18px; } .controls { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:18px; }
button, a.button { border:0; border-radius:6px; padding:11px 16px; background:var(--color-border); color:var(--color-white); cursor:pointer; text-decoration:none; font-size:15px; } button, a.button { border:0; border-radius:6px; padding:11px 16px; background:var(--color-border); color:var(--color-white); cursor:pointer; text-decoration:none; font:inherit; font-size:14px; }
button:hover, a.button:hover { background:var(--color-control-hover); } button:hover, a.button:hover { background:var(--color-control-hover); }
.button.danger { background:var(--color-danger-soft); } .button.danger { background:var(--color-danger-soft); }
.button.danger:hover { background:var(--color-danger-soft-hover); } .button.danger:hover { background:var(--color-danger-soft-hover); }
@@ -885,7 +886,7 @@ button:hover, a.button:hover { background:var(--color-control-hover); }
.finished-table .actions { .finished-table .actions {
display:flex; display:flex;
align-items:center; align-items:center;
gap:8px; gap:6px;
} }
.finished-table .actions > a.button, .finished-table .actions > a.button,
.finished-table .actions > button.button { .finished-table .actions > button.button {
@@ -955,7 +956,7 @@ button:disabled { opacity:.45; cursor:not-allowed; }
<body> <body>
<div class="container"> <div class="container">
<a class="back" href="/">← Zurück zu den Aufnahmen</a> <a class="back" href="/">← Zurück zu den Aufnahmen</a>
{% if logo_url %}<img class="site-logo" src="{{ logo_url }}" alt="{{ site_name }}">{% endif %} {% if logo_url %}<img class="edit-logo" src="{{ logo_url }}" alt="{{ site_name }}">{% endif %}
<h1>{{ edit_page_heading }}</h1> <h1>{{ edit_page_heading }}</h1>
<div class="subtitle">{{ site_name }} · {{ filename }} · Originaldauer {{ duration }}</div> <div class="subtitle">{{ site_name }} · {{ filename }} · Originaldauer {{ duration }}</div>
@@ -1358,7 +1359,7 @@ table { width:100%; border-collapse:collapse; background:var(--color-surface); b
th,td { padding:10px 8px; border-bottom:1px solid var(--color-border); text-align:left; } th,td { padding:10px 8px; border-bottom:1px solid var(--color-border); text-align:left; }
td { color:var(--color-table-text); } td { color:var(--color-table-text); }
th { color:var(--color-text-muted); font-weight:normal; } th { color:var(--color-text-muted); font-weight:normal; }
.button { display:inline-flex; align-items:center; justify-content:center; height:42px; min-height:42px; border:0; border-radius:6px; padding:0 13px; background:var(--color-border); color:var(--color-white); cursor:pointer; text-decoration:none; } .button { display:inline-flex; align-items:center; justify-content:center; height:42px; min-height:42px; border:0; border-radius:6px; padding:0 13px; background:var(--color-border); color:var(--color-white); cursor:pointer; text-decoration:none; font:inherit; font-size:14px; line-height:1; }
.button:hover { background:var(--color-control-hover); } .button:hover { background:var(--color-control-hover); }
.empty { color:var(--color-text-muted); padding:15px 0; } .empty { color:var(--color-text-muted); padding:15px 0; }
.meta-dialog { position:fixed; inset:0; background:var(--color-overlay); display:none; align-items:center; justify-content:center; z-index:900; padding:20px; } .meta-dialog { position:fixed; inset:0; background:var(--color-overlay); display:none; align-items:center; justify-content:center; z-index:900; padding:20px; }
@@ -1411,7 +1412,7 @@ th { color:var(--color-text-muted); font-weight:normal; }
.live-panel { display:block; } .live-panel { display:block; }
.live-item + .live-item { border-left:0; border-top:1px solid var(--color-recording-border); padding-left:0; padding-top:16px; margin-top:16px; } .live-item + .live-item { border-left:0; border-top:1px solid var(--color-recording-border); padding-left:0; padding-top:16px; margin-top:16px; }
a.button { margin-left:0; margin-right:8px; } a.button { margin-left:0; margin-right:0; }
} }
</style> </style>