added tests commands for modular ui elements

src/renderer/index.js

@@ -279,6 +279,13 @@ const app = new Vue({
         },
     },
     methods: {
+        modularUITest(val = false) {
+            if (val) {
+                document.querySelector("#app-main").classList.add("modular-fs")
+            } else {
+                document.querySelector("#app-main").classList.remove("modular-fs")
+            }
+        },
         navigateBack() {
             history.back()
         },
@@ -420,7 +427,8 @@ const app = new Vue({
 
                             })
 
-                    })},1500)
+                        })
+                    }, 1500)
 
                 }
 
@@ -1619,7 +1627,8 @@ const app = new Vue({
             const musicType = (MusicKit.getInstance().nowPlayingItem != null) ? MusicKit.getInstance().nowPlayingItem["type"] ?? '' : '';
             console.log("mt", musicType)
             if (musicType === "musicVideo") {
-            this.loadYTLyrics();} else {
+                this.loadYTLyrics();
+            } else {
                 if (app.cfg.lyrics.enable_mxm) {
                     this.loadMXM();
                 } else { this.loadAMLyrics(); }
@@ -1688,7 +1697,8 @@ const app = new Vue({
                                     const ttmlLyrics = this.responseText;
                                     if (ttmlLyrics) {
                                         this.lyricsMediaItem = ttmlLyrics
-                                this.parseTTML()}
+                                        this.parseTTML()
+                                    }
                                 } catch (e) {
                                     app.loadMXM();
                                 }
@@ -2485,7 +2495,8 @@ document.addEventListener('musickitloaded', function () {
             });
             setTimeout(() => {
                 app.init()
-        }, 1000)}
+            }, 1000)
+        }
         request.addEventListener("load", loadAlternateKey);
         request.open("GET", "https://raw.githubusercontent.com/lujjjh/LitoMusic/main/token.json");
         request.send();

src/renderer/style.less

@@ -2949,6 +2949,41 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
 
 /* Cider */
 
+// Modular
+.modular-fs {
+  .app-drawer {
+    width:100%;
+    right:0px;
+    top:0px;
+    height:100%;
+    border-radius: 0px;
+    box-shadow: unset;
+    background: black;
+    .lyric-body {
+      justify-content: center;
+      align-items:center;
+
+      .lyric-line {
+        pointer-events: none;
+        font-weight: 500;
+        font-size: 1.6em;
+
+        &:not(.active) {
+          display: none;
+          margin: 0;
+          transform: scale(1);
+        }
+
+        &.active {
+          margin: 0;
+          transform: scale(1);
+        }
+      }
+    }
+  }
+}
+// Modular
+
 /* Transitions */
 
 .modal-enter-active,