Kiosk mode lyrics mobile friendly

2020-02-21 09:51:48 +13:00
parent 152f190857
commit e37ba29b7c
9 changed files with 209 additions and 7824 deletions
--- a/src/js/views/modals/KioskMode.js
+++ b/src/js/views/modals/KioskMode.js
@ -177,10 +177,13 @@ class KioskMode extends React.Component {
    );

    return (
-      <Modal className="modal--kiosk-mode" extraControls={extraControls}>
+      <Modal
+        className={`modal--kiosk-mode modal--kiosk-mode--${show_lyrics ? 'with' : 'without'}-lyrics`}
+        extraControls={extraControls}
+      >
        <Thumbnail className="background" images={images} />

-        <div className={`track-info track-info--${show_lyrics ? 'with' : 'without'}-lyrics`}>
+        <div className="track-info">
          <div className="artwork">
            <Thumbnail images={images} />
          </div>