Description:
The current music player opens inside a drawer triggered by a floating button. We want to convert it into a fixed bottom player (Spotify-style) that is always visible when a song is loaded, without adding extra buttons.
Current UI:
- Player is inside a drawer
- Requires a floating button to open
- Uses
musicPlayerDrawer state for drawer control
Expected UI:
-
Player is fixed at the bottom of the screen (fixed bottom-0 left-0 right-0)
-
Always visible when a song is loaded
-
No extra buttons or drawer triggers
-
Keep all existing functionality:
- Play/pause
- Previous/next track
- Shuffle toggle
- Volume control with mute
- Progress bar with seeking
- Dynamic background colors from album art
Acceptance Criteria:
-
Remove drawer components and floating button
-
Remove musicPlayerDrawer state and related logic
-
Maintain all player controls and keyboard shortcuts
-
Layout:
- Left: Album artwork + song info
- Center: Playback controls
- Bottom: Progress bar + volume controls
Description:
The current music player opens inside a drawer triggered by a floating button. We want to convert it into a fixed bottom player (Spotify-style) that is always visible when a song is loaded, without adding extra buttons.
Current UI:
musicPlayerDrawerstate for drawer controlExpected UI:
Player is fixed at the bottom of the screen (
fixed bottom-0 left-0 right-0)Always visible when a song is loaded
No extra buttons or drawer triggers
Keep all existing functionality:
Acceptance Criteria:
Remove drawer components and floating button
Remove
musicPlayerDrawerstate and related logicMaintain all player controls and keyboard shortcuts
Layout: