css

src/renderer/style.less

@@ -3596,8 +3596,11 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
       box-shadow: inset 0px 0px 10px 10px rgb(200 200 200 / 50%);
     }
 
-    .lyric-body{
-
+    .no-lyrics{
+      width: 100%;
+      height: 100%;
+      display: flex;
+      justify-content: center;
     }
   } 
 
@@ -3671,6 +3674,7 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
         height: 1.2em;
         line-height: 0.9em;
         overflow: hidden;
+        text-overflow: ellipsis;
         max-width: 360px;
 
         .song-name-normal {
@@ -3688,6 +3692,7 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
       }
       .song-name {
         margin-top: 0.15vh;
+        display: contents;
       }
     }
 

src/renderer/views/components/fullscreen.ejs

@@ -16,7 +16,7 @@
                             <div class="song-name">
                                 {{ app.mk.nowPlayingItem["attributes"]["name"] }}
                             </div>
-                            <div class="song-artist "
+                            <div
                                  style="display: inline-block; -webkit-box-orient: horizontal; white-space: nowrap;">
                                 <div class="item-navigate song-artist" style="display: inline-block;"
                                      @click="app.getNowPlayingItemDetailed(`artist`)">