modify spacing in grids

src/views/FolderView.vue

@@ -11,7 +11,6 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from "@vue/reactivity";
 import { onBeforeRouteLeave, onBeforeRouteUpdate } from "vue-router";
 
 import useQueueStore from "@/stores/queue";
@@ -25,7 +24,6 @@ const loader = useLoaderStore();
 const folder = useFolderStore();
 const queue = useQueueStore();
 
-const scrollable = ref<any>(null);
 
 function playFromPage(index: number) {
   queue.playFromFolder(folder.path, folder.allTracks);
@@ -38,7 +36,6 @@ onBeforeRouteUpdate((to, from) => {
     .fetchAll(to.params.path as string)
 
     .then(() => {
-      scrollable.value.scrollTop = 0;
       folder.resetQuery();
     })
     .then(() => {

src/views/PlaylistList.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="p-view">
+  <div id="p-view" class="noscroll">
     <div class="grid">
       <PlaylistCard
         v-for="p in pStore.playlists"
@@ -22,10 +22,11 @@ const pStore = usePStore();
 <style lang="scss">
 #p-view {
   scrollbar-color: $gray2 transparent;
+  margin: 1rem 0;
 
   .grid {
     grid-template-columns: repeat(auto-fill, minmax(9.25rem, 1fr));
-    gap: 1rem;
+    gap: 2.5rem 1.75rem;
   }
 }
 </style>