minor refactors

server/app/lib/searchlib.py

@@ -28,9 +28,9 @@ class Limit:
     Holds all the default limit values.
     """
 
-    tracks: int = 10
+    tracks: int = 50
-    albums: int = 10
+    albums: int = 50
-    artists: int = 10
+    artists: int = 50
 
 
 class SearchTracks:

src/App.vue

@@ -2,10 +2,10 @@
   <ContextMenu />
   <Modal />
   <Notification />
-  <div class="l-container" :class="{ collapsed: collapsed }">
+  <div class="l-container">
     <div class="l-sidebar">
       <div id="logo-container">
-        <router-link :to="{ name: 'Home' }" v-if="!collapsed"
+        <router-link :to="{ name: 'Home' }">
           ><div class="logo"></div
         ></router-link>
       </div>
@@ -44,7 +44,7 @@ const context_store = useContextStore();
 const queue = useQStore();
 const app_dom = document.getElementById("app");
 
-queue.readQueueFromLocalStorage();
+queue.readQueue();
 listenForKeyboardEvents(queue);
 
 app_dom.addEventListener("click", (e) => {

src/assets/css/global.scss

@@ -107,11 +107,6 @@ a {
   height: 4rem;
 }
 
-.collapsed .l-sidebar {
-  width: 3rem;
-  transition: all 0.3s ease;
-}
-
 .ellip {
   display: -webkit-box;
   -webkit-line-clamp: 1;

src/components/LeftSidebar/Navigation.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="side-nav-container" :class="{ collapsed: props.collapsed }">
+  <div class="side-nav-container">
     <router-link
       v-for="menu in menus"
       :key="menu.name"
@@ -47,29 +47,9 @@ const menus = [
   },
 ];
 
-const props = defineProps({
-  collapsed: {
-    type: Boolean,
-    default: false,
-  },
-});
 </script>
 
 <style lang="scss">
-.collapsed {
-  .nav-button {
-    margin-top: 5px;
-
-    span {
-      display: none;
-    }
-
-    .in {
-      width: 100%;
-      flex-direction: column;
-    }
-  }
-}
 
 .side-nav-container {
   color: #fff;

src/components/LeftSidebar/PinnedStuff.vue

@@ -1,9 +1,5 @@
 <template>
-  <div
+  <div class="side-nav-container rounded hidden" id="pinned-container">
-    class="side-nav-container rounded hidden"
-    :class="{ hidden: collapsed }"
-    id="pinned-container"
-  >
     <div>
       <div class="nav-button" id="pinned-button">
         <span id="text">Quick access</span>
@@ -53,13 +49,6 @@
   </div>
 </template>
 
-<script>
-export default {
-  props: ["collapsed"],
-  setup() {},
-};
-</script>
-
 <style lang="scss">
 #pinned-container {
   background: #6e2c00;
@@ -102,5 +91,4 @@ export default {
 #pinned-container #pinned-button:hover {
   background-color: transparent;
 }
-
+</style>
-</style>

src/components/RightSideBar/Main.vue

@@ -17,12 +17,12 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import Search from "./Search.vue";
 import UpNext from "./Queue.vue";
 import Main from "./Home/Main.vue";
 import useTabStore from "../../stores/tabs";
-
+// import Search from "./Searchh.vue";
 const DashBoard = Main;
 const tabs = useTabStore();
 </script>

src/components/nav/NavButtons.vue

@@ -5,10 +5,6 @@
   </div>
 </template>
 
-<script setup>
-console.log();
-</script>
-
 <style lang="scss">
 #back-forward {
   display: grid;