aboutsummaryrefslogtreecommitdiff
path: root/web/script/player/mod.ts
diff options
context:
space:
mode:
authormetamuffin <metamuffin@disroot.org>2024-01-29 01:00:15 +0100
committermetamuffin <metamuffin@disroot.org>2024-01-29 01:00:15 +0100
commit9f4544489eb884a817fa6df9218f45e3f62657cf (patch)
treeab3b4ba7cbe389513dff4ec160a9fe0967318323 /web/script/player/mod.ts
parent42dfe430a05fcc45bd3248219e489841c38f7bac (diff)
downloadjellything-9f4544489eb884a817fa6df9218f45e3f62657cf.tar
jellything-9f4544489eb884a817fa6df9218f45e3f62657cf.tar.bz2
jellything-9f4544489eb884a817fa6df9218f45e3f62657cf.tar.zst
make controls look better
Diffstat (limited to 'web/script/player/mod.ts')
-rw-r--r--web/script/player/mod.ts4
1 files changed, 2 insertions, 2 deletions
diff --git a/web/script/player/mod.ts b/web/script/player/mod.ts
index 2dad414..995bd4c 100644
--- a/web/script/player/mod.ts
+++ b/web/script/player/mod.ts
@@ -90,7 +90,7 @@ function initialize_player(el: HTMLElement, node_id: string) {
...(kind == "audio" ? volume() : []),
player.active_tracks.map(_ =>
- e("div", ...(player.tracks ?? [])
+ e("ul", { class: "jsp-track-list" }, ...(player.tracks ?? [])
.map((track, index) => ({ index, track }))
.filter(({ track }) => get_track_kind(track.kind) == kind)
.map(({ track, index }): HTMLElement => {
@@ -99,7 +99,7 @@ function initialize_player(el: HTMLElement, node_id: string) {
player.set_track_enabled(index, !active)
// TODO show loading indicator
}
- return e("div",
+ return e("li", { class: active ? ["active"] : [] },
e("button", { class: "jsp-track-state", onclick }, active ? "-" : "+"), " ",
e("span", { class: "jsp-track-name" }, track.name), " ",
e("span", { class: "jsp-track-lang" }, track.language)