bernd/event-audio-recorder
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

editor.py aktualisiert

Browse Source
This commit is contained in:
bernd
2026-10-01 22:20:50 +02:00
parent cf5abe2f46
commit 3f33776cc3
1 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
editor.py
+8 -7
View File
@@ -1343,6 +1343,9 @@ INDEX_HTML = """
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; }
h1 { margin:0 0 6px; } h1 { margin:0 0 6px; }
.site-header { display:flex; align-items:center; gap:18px; margin-bottom:24px; flex-wrap:wrap; }
.site-logo { max-width:140px; max-height:48px; object-fit:contain; display:block; flex:0 0 auto; }
.site-header h1 { margin:0; }
.subtitle { color:var(--color-text-muted); margin-bottom:22px; } .subtitle { color:var(--color-text-muted); margin-bottom:22px; }
.section { background:var(--color-surface-dark); color:var(--color-white); border:1px solid var(--color-primary); border-radius:8px; padding:16px; margin:0 0 24px 0; box-shadow:0 2px 6px var(--color-shadow); } .section { background:var(--color-surface-dark); color:var(--color-white); border:1px solid var(--color-primary); border-radius:8px; padding:16px; margin:0 0 24px 0; box-shadow:0 2px 6px var(--color-shadow); }
.filter-bar { display:grid; grid-template-columns:repeat(4,minmax(150px,1fr)); gap:10px; margin-bottom:14px; } .filter-bar { display:grid; grid-template-columns:repeat(4,minmax(150px,1fr)); gap:10px; margin-bottom:14px; }
@@ -1382,7 +1385,7 @@ th { color:var(--color-text-muted); font-weight:normal; }
.finished-table { background:transparent; border:0; overflow:visible; } .finished-table { background:transparent; border:0; overflow:visible; }
.finished-table thead { display:none; } .finished-table thead { display:none; }
.finished-table tbody { display:grid; gap:18px; } .finished-table tbody { display:grid; gap:18px; }
.finished-table tr { display:grid; grid-template-columns:1fr auto; grid-template-areas:"event date" "title title" "speaker speaker" "duration duration" "audio audio" "actions actions"; gap:0 12px; margin:0; padding:20px; background:var(--color-surface); border:1px solid var(--color-border); border-radius:20px; box-shadow:0 8px 24px var(--color-shadow); } .finished-table tr { display:grid; grid-template-columns:1fr auto; grid-template-areas:"event date" "title title" "speaker speaker" "duration duration" "actions actions"; gap:0 12px; margin:0; padding:20px; background:var(--color-surface); border:1px solid var(--color-border); border-radius:20px; box-shadow:0 8px 24px var(--color-shadow); }
.finished-table td { border:0; padding:0; min-width:0; } .finished-table td { border:0; padding:0; min-width:0; }
.finished-table td:nth-child(4) { grid-area:event; justify-self:start; align-self:start; padding:6px 10px; color:var(--color-primary-hover); background:var(--color-selection); border-radius:999px; font-size:12px; font-weight:700; line-height:1.2; } .finished-table td:nth-child(4) { grid-area:event; justify-self:start; align-self:start; padding:6px 10px; color:var(--color-primary-hover); background:var(--color-selection); border-radius:999px; font-size:12px; font-weight:700; line-height:1.2; }
.finished-table td:nth-child(1) { grid-area:date; justify-self:end; align-self:center; color:var(--color-text-muted); font-size:12px; white-space:nowrap; } .finished-table td:nth-child(1) { grid-area:date; justify-self:end; align-self:center; color:var(--color-text-muted); font-size:12px; white-space:nowrap; }
@@ -1390,9 +1393,7 @@ th { color:var(--color-text-muted); font-weight:normal; }
.finished-table td:nth-child(2) { grid-area:speaker; margin-top:6px; color:var(--color-text-muted); font-size:14px; font-weight:600; } .finished-table td:nth-child(2) { grid-area:speaker; margin-top:6px; color:var(--color-text-muted); font-size:14px; font-weight:600; }
.finished-table td:nth-child(5) { grid-area:duration; margin-top:16px; color:var(--color-text-muted); font-size:13px; } .finished-table td:nth-child(5) { grid-area:duration; margin-top:16px; color:var(--color-text-muted); font-size:13px; }
.finished-table td:nth-child(5)::before { content:"⏱ "; font-size:14px; } .finished-table td:nth-child(5)::before { content:"⏱ "; font-size:14px; }
.finished-table td:nth-child(6) { grid-area:audio; margin-top:4px; } .finished-table td:nth-child(6) { grid-area:actions; display:flex; align-items:center; gap:8px; row-gap:8px; flex-wrap:wrap; margin-top:14px; padding-top:14px; border-top:1px solid var(--color-border-subtle); }
.finished-table td:nth-child(6) { grid-area:actions; margin-top:14px; padding-top:14px; border-top:1px solid var(--color-border-subtle); }
.finished-table td:nth-child(6) .actions { display:flex; align-items:center; gap:8px; row-gap:8px; flex-wrap:wrap; }
.finished-table audio { width:100%; height:42px; margin:0; } .finished-table audio { width:100%; height:42px; margin:0; }
.finished-table a.button { display:inline-flex; align-items:center; justify-content:center; height:42px; min-height:42px; padding:0 16px; margin:0; border-radius:6px; } .finished-table a.button { display:inline-flex; align-items:center; justify-content:center; height:42px; min-height:42px; padding:0 16px; margin:0; border-radius:6px; }
@@ -1413,15 +1414,15 @@ th { color:var(--color-text-muted); font-weight:normal; }
@media (max-width:520px) { @media (max-width:520px) {
.recordings-table .actions, .recordings-table .actions,
.finished-table td.actions .actions { .finished-table td.actions {
display:grid; display:grid;
grid-template-columns:1fr; grid-template-columns:1fr;
gap:8px; gap:8px;
} }
.recordings-table .actions > .button, .recordings-table .actions > .button,
.recordings-table .actions > a.button, .recordings-table .actions > a.button,
.finished-table td.actions .actions > .button, .finished-table td.actions > .button,
.finished-table td.actions .actions > a.button { .finished-table td.actions > a.button {
width:100%; width:100%;
margin:0 !important; margin:0 !important;
} }