play/pause

2026-09-15 01:03:25 +02:00
parent d2d7677519
commit dc7f09052d
9 changed files with 160 additions and 8 deletions
@@ -58,10 +58,17 @@
      <button class="step" data-delta="1" aria-label="{{ room.label }}: volume up">+</button>
    </div>

-    <button class="toggle" data-role="group" aria-pressed="false">
-      <span class="dot" aria-hidden="true"></span>
-      <span data-role="group-label">Separate</span>
-    </button>
+    <div class="actions">
+      <button class="transport" data-role="play" aria-label="{{ room.label }}: play">
+        <svg class="icon-play" viewBox="0 0 24 24" aria-hidden="true"><path d="M8 5l11 7-11 7z"/></svg>
+        <svg class="icon-pause" viewBox="0 0 24 24" aria-hidden="true"><path d="M9 5v14M15 5v14"/></svg>
+      </button>
+
+      <button class="toggle" data-role="group" aria-pressed="false">
+        <span class="dot" aria-hidden="true"></span>
+        <span data-role="group-label">Separate</span>
+      </button>
+    </div>
  </section>
  </div>
  {% endfor %}