getting ready for desktop version

frontend/src/views/FavouritView.vue

@@ -4,6 +4,6 @@ import SongItem from '../components/SongItem.vue'
 
 <template>
   <main class="flex-1 flex-col overflow-scroll">
-
+    <p>Coming Soon...</p>
   </main>
 </template>

frontend/src/views/MenuView.vue

@@ -13,7 +13,7 @@ const headerStore = useHeaderStore();
 </script>
 
 <template>
-  <main class="flex-1 flex flex-col h-full overflow-scroll">
+  <main class="flex-1 flex flex-col h-full overflow-y-scroll">
     <header v-show="true">
       <div class="wrapper">
         <nav class="flex justify-start my-2 mx-1 space-x-1 overflow-x-scroll flex-nowrap text-nowrap">

frontend/src/views/NowPlayingView.vue

@@ -32,7 +32,7 @@ const audioStore = useAudioStore();
       <div class="h-1/3 flex flex-col justify-center">
         <div class="flex-1"></div>
         <div>
-          <div class="flex w-screen justify-around">
+          <div class="flex w-full justify-around">
             <i class="fa-solid fa-backward-step text-5xl self-center" @click="audioStore.togglePrev"></i>
             <i :class="[audioStore.isPlaying ? 'fa-circle-play' : 'fa-circle-pause']" class="fa-regular text-7xl "
               @click="audioStore.togglePlay"></i>
@@ -43,7 +43,7 @@ const audioStore = useAudioStore();
           <i @click="audioStore.toggleShuffle" :class="[audioStore.shuffle ? 'info' : '']"
             class="fa-solid fa-shuffle"></i>
 
-          <div class="m-4 info flex-1 overflow-idden">
+          <div class="m-4 info flex-1 overflow-hidden">
             <p>{{ audioStore.title }}</p>
             <RouterLink :to="'search?a=' + audioStore.artist">