minor refactors

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
-    class="side-nav-container rounded hidden"
-    :class="{ hidden: collapsed }"
-    id="pinned-container"
-  >
+  <div class="side-nav-container rounded hidden" 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>