Styling and usability fixes

2026-04-08 19:54:09 +02:00
parent 2fb0947077
commit 6d0897e756
13 changed files with 140 additions and 109 deletions
--- a/svelte/src/filesystem/viewers/Audio.svelte
+++ b/svelte/src/filesystem/viewers/Audio.svelte
@@ -92,7 +92,7 @@ onMount(() => {

 		<h2>Tracklist</h2>
 		{#each siblings as sibling (sibling.path)}
-			<a href={"/d"+fs_encode_path(sibling.path)} class="node">
+			<a href={"/d"+fs_encode_path(sibling.path)} class="node" class:playing={sibling.path === $nav.base.path}>
 				{#if sibling.path === $nav.base.path}
 					<i class="play_arrow icon">play_arrow</i>
 				{:else}
@@ -131,4 +131,7 @@ onMount(() => {
 .play_arrow {
 	margin: 4px;
 }
+.playing {
+	color: var(--highlight_color);
+}
 </style>