Skip to content

Rework Equalizer Modal design #2

Description

@bubu07codes

Feature Request

The current 10-band Equalizer modal is functional, but we want to upgrade its visual style.

This is a great task for anyone who enjoys tweaking UI, CSS, and layout components in React.


🛠️ Step-by-Step Implementation Guide

  1. Fork and clone the repo, then run npm install.
  2. Open src/renderer/src/components/Equalizer/EqualizerModal.tsx.
  3. Update the JSX structure and style classes (styles live in src/renderer/src/constants/globalCss.ts or inline Tailwind classes).
  4. Test locally:
    • Run npm run dev.
    • Press E or click the Equalizer button to open the modal.
    • Verify all 10 bands adjust properly, presets apply smoothly, and the layout stays responsive on all sizes.

🧪 Verification

Make sure typechecks pass before opening a PR:

npm run typecheck

Thanks!

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions