Skip to content

[UI/UX] : Proposal Convert Music Player from Drawer to Fixed Bottom Player #151

Description

@akashcorex

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
Image

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions