play/pause button

2026-08-12 18:02:01 +02:00
parent b846146992
commit 049a269885
6 changed files with 126 additions and 4 deletions
@@ -129,6 +129,37 @@ h1 {
  font-weight: 600;
 }

+/* --- transport ---------------------------------------------------------- */
+
+#transport {
+  margin-bottom: 12px;
+}
+
+#playpause {
+  width: 100%;
+  font: inherit;
+  font-weight: 700;
+  padding: 12px 24px;
+  border-radius: 10px;
+  border: 1px solid #43213a;
+  background: var(--panel);
+  color: var(--text);
+  cursor: pointer;
+}
+
+/* Paused is the state that wants acting on, so that is the one wearing the
+   accent. */
+#playpause.paused {
+  background: var(--accent);
+  border-color: var(--accent);
+  color: var(--ink);
+}
+
+#playpause:disabled {
+  opacity: 0.4;
+  cursor: default;
+}
+
 /* --- list --------------------------------------------------------------- */

 #list {