update screenshots, small ui improvements
Mwebclient/public/assets/screenshot-narrow.png
Binary file — not shown
Mwebclient/public/assets/screenshot-wide.png
Binary file — not shown
Mwebclient/src/App.tsx
@@ -25,7 +25,6 @@ import DownloadManager from "./components/DownloadManager";
//TODO: keep synced-aborted in downloadmanager
//TODO: bypass music-metadata if it fails
//TODO: search
//TODO: better touch controls?
//TODO: Add documentation to functions
//TODO: allow syncing playlists to server
//TODO: button to show metadata
Mwebclient/src/components/PlayerControls.tsx
@@ -72,7 +72,7 @@ export default function PlayerControls(props: PlayerControlsProps) {
<div class="player-controls">
<div class="track-info-toggle-container">
<button title="Toggle player controls" onclick={() => setShowPlayerControls(!showPlayerControls())}>
{showPlayerControls() ? <UpSVG /> : <DownSVG />}
{showPlayerControls() ? <DownSVG /> : <UpSVG />}
</button>
<div class="track-info">
Mwebclient/src/components/Playlist.tsx
@@ -194,6 +194,7 @@ export default function Playlist(props: PlaylistProps) {
}}
style={{ opacity: isDragging() ? 0.5 : 1 }}
onClick={() => props.playTrack(item)}
title={item.path}
>
<div class="playlist-drag-btn" {...dragHandlers}>
<DragSVG />
@@ -202,7 +203,7 @@ export default function Playlist(props: PlaylistProps) {
<div class="spacer" />
{formatTime(item.metadata.duration)}
<button
title={`Remove ${getItemName(item)}`}
title="Remove from playlist"
onClick={(e) => {
e.stopPropagation();
removeFromPlaylist(item.id);