feat: Show installed mods (#28)

Simply parses `enabledmods.json`.
In the future we should also opt to check individual mods and compare
with the JSON file.

1 files changed, 11 insertions, 0 deletions

diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
index 115330c3..5eeeb93b 100644
--- a/src-vue/src/App.vue
+++ b/src-vue/src/App.vue
@@ -34,6 +34,7 @@ export default {
 </script>
 
 <template>
+  <div class="app-inner">
     <div id="fc_bg__container" />
 
     <el-menu
@@ -56,6 +57,7 @@ export default {
         <el-button color="white" icon="SemiSelect" @click="minimize" circle />
         <el-button color="white" icon="CloseBold" @click="close" circle />
     </div>
+  </div>
 </template>
 
 <style>
@@ -63,6 +65,10 @@ export default {
 #fc__menu_bar {
     border: none !important;
 }
+.app-inner {
+  height: 100%;
+  width: 100%;
+}
 
 /* Header item */
 #fc__menu_bar .el-menu-item {
@@ -84,6 +90,11 @@ export default {
   background-color: transparent;
 }
 
+.app-inner > .fc__mods__container {
+  overflow-y: auto;
+  height: calc(100% - var(--fc-menu_height));
+}
+
 /* Header menu */
 #fc__menu_bar {
   background-image: radial-gradient(transparent 1px);