fix scrollbar bug in chrome

+ change build outdir to alice-core/client folder

package.json

@@ -5,7 +5,7 @@
   "scripts": {
     "dev": "vite",
     "serve": "vite preview",
-    "build": "vite build",
+    "build": "vite build --emptyOutDir --outDir ../alice-core/client",
     "lint": "eslint --ext .js,.vue --ignore-path .gitignore --fix src"
   },
   "dependencies": {

src/components/AlbumView/ArtistAlbums.vue

@@ -58,7 +58,7 @@ defineProps<{
 
   .cards {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
     gap: 5rem 0;
   }
 

src/components/PlaylistView/ArtistsList.vue

@@ -38,7 +38,7 @@ defineProps<{
 
   .artist-list {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
   }
 }
 </style>

src/components/nav/Titles/Folder.vue

@@ -73,6 +73,10 @@ onUpdated(() => {
       overflow: scroll;
       scrollbar-width: none;
 
+      &::-webkit-scrollbar {
+        display: none;
+      }
+
       .icon {
         height: 2rem;
         aspect-ratio: 1;

src/views/Favorites.vue

@@ -4,7 +4,7 @@
       <ArtistAlbums
         :albums="favAlbums"
         :albumType="discographyAlbumTypes.albums"
-        :title="'Albums 💜'"
+        :title="'Albums ❤️'"
         :route="'/favorites/albums'"
       />
     </div>
@@ -12,13 +12,13 @@
       <TopTracks
         :tracks="favTracks"
         :route="'/home'"
-        :title="'Tracks 💛'"
+        :title="'Tracks ❤️'"
         :playHandler="handlePlay"
       />
     </div>
 
     <div class="fav-artists" v-if="favArtists.length">
-      <FeaturedArtists :artists="favArtists" :title="'Artists 💚'" />
+      <FeaturedArtists :artists="favArtists" :title="'Artists ❤️'" />
     </div>
   </div>
 </template>