fix: add scrollbar to installed plugin list (#1820)

src/renderer/components/App/AppSidemenu/AppSidemenuPlugins.vue

@@ -14,23 +14,17 @@
       :single-column="false"
       class="whitespace-no-wrap"
     >
-      <div
-        v-for="(columnItems, columnId) in pluginMenuItems"
-        :key="columnId"
-      >
-        <MenuOptionsItem
-          v-for="(menuItem, menuId) in columnItems"
-          :key="menuId"
-          :title="menuItem.title"
-          @click="navigateToRoute(menuItem.routeName)"
-        />
-      </div>
+      <MenuOptionsItem
+        v-for="(menuItem, menuId) in pluginMenuItems"
+        :key="menuId"
+        :title="menuItem.title"
+        @click="navigateToRoute(menuItem.routeName)"
+      />
     </MenuOptions>
   </div>
 </template>
 
 <script>
-import { chunk } from 'lodash'
 import { MenuOptions, MenuOptionsItem } from '@/components/Menu'
 
 export default {
@@ -52,18 +46,12 @@ export default {
       type: Boolean,
       required: false,
       default: false
-    },
-
-    itemsPerColumn: {
-      type: Number,
-      required: false,
-      default: 5
     }
   },
 
   computed: {
     pluginMenuItems () {
-      return chunk(this.$store.getters['plugin/menuItems'], this.itemsPerColumn)
+      return this.$store.getters['plugin/menuItems']
     }
   },
 
@@ -88,6 +76,9 @@ export default {
   top: 19rem;
   transform: translateY(-10%);
 }
+.AppSidemenuPlugins .MenuOptions {
+  @apply .flex-col .max-h-xs .overflow-y-auto;
+}
 
 .AppSidemenuPlugins--single {
   top: 22.2rem;
@@ -98,4 +89,7 @@ export default {
   right: 8.5rem;
   top: 5.75rem;
 }
+.AppSidemenuPlugins--horizontal .MenuOptions {
+  @apply .flex-col .max-h-xs .overflow-y-auto;
+}
 </style>