add: audio preview

2026-05-10 00:31:16 +01:00
parent b5b69afa3c
commit 6a394b301e
2 changed files with 103 additions and 5 deletions
@@ -1450,11 +1450,62 @@ canvas {
 }

 .editor-srt-textarea:focus,
-.editor-srt-controls select:focus {
+.editor-srt-controls select:focus,
+.editor-srt-preview select:focus {
  border-color: #ffffff;
  outline: none;
 }

+.editor-srt-preview {
+  display: grid;
+  gap: 8px;
+  padding: 10px;
+  border: 1px solid #1f1f1f;
+  border-radius: 16px;
+  background: #070707;
+}
+
+.editor-srt-preview label {
+  display: grid;
+  gap: 5px;
+  color: #8d8d8d;
+  font-size: 0.72rem;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.editor-srt-preview select {
+  width: 100%;
+  padding: 9px 10px;
+  border: 1px solid #242424;
+  border-radius: 12px;
+  background: #101010;
+  color: #f2f2f2;
+}
+
+.editor-srt-audio-card {
+  display: grid;
+  gap: 6px;
+  color: #f2f2f2;
+}
+
+.editor-srt-audio-card span {
+  color: #8d8d8d;
+  font-size: 0.72rem;
+}
+
+.editor-srt-audio-card strong {
+  font-size: 0.78rem;
+  line-height: 1.3;
+  word-break: break-word;
+}
+
+.editor-srt-audio-card audio {
+  width: 100%;
+  height: 34px;
+}
+
 .editor-srt-actions {
  display: grid;
  grid-template-columns: repeat(3, 1fr);