| 555 | }; |
| 556 | |
| 557 | function openConfig() { |
| 558 | const configContainer = react.createElement( |
| 559 | "div", |
| 560 | { |
| 561 | id: `${APP_NAME}-config-container`, |
| 562 | }, |
| 563 | react.createElement("h2", null, "Options"), |
| 564 | react.createElement(OptionList, { |
| 565 | items: [ |
| 566 | { |
| 567 | desc: "Playbar button", |
| 568 | key: "playbar-button", |
| 569 | info: "Replace Spotify's lyrics button with Lyrics Plus.", |
| 570 | type: ConfigSlider, |
| 571 | }, |
| 572 | { |
| 573 | desc: "Global delay", |
| 574 | info: "Offset (in ms) across all tracks.", |
| 575 | key: "global-delay", |
| 576 | type: ConfigAdjust, |
| 577 | min: -10000, |
| 578 | max: 10000, |
| 579 | step: 250, |
| 580 | }, |
| 581 | { |
| 582 | desc: "Font size", |
| 583 | info: "(or Ctrl + Mouse scroll in main app)", |
| 584 | key: "font-size", |
| 585 | type: ConfigAdjust, |
| 586 | min: fontSizeLimit.min, |
| 587 | max: fontSizeLimit.max, |
| 588 | step: fontSizeLimit.step, |
| 589 | }, |
| 590 | { |
| 591 | desc: "Alignment", |
| 592 | key: "alignment", |
| 593 | type: ConfigSelection, |
| 594 | options: { |
| 595 | left: "Left", |
| 596 | center: "Center", |
| 597 | right: "Right", |
| 598 | }, |
| 599 | }, |
| 600 | { |
| 601 | desc: "Fullscreen hotkey", |
| 602 | key: "fullscreen-key", |
| 603 | type: ConfigHotkey, |
| 604 | }, |
| 605 | { |
| 606 | desc: "Compact synced: Lines to show before", |
| 607 | key: "lines-before", |
| 608 | type: ConfigSelection, |
| 609 | options: [0, 1, 2, 3, 4], |
| 610 | }, |
| 611 | { |
| 612 | desc: "Compact synced: Lines to show after", |
| 613 | key: "lines-after", |
| 614 | type: ConfigSelection, |