From d3c190bd4d3461fc4c310f64eb74a8e2425baaad Mon Sep 17 00:00:00 2001
From: Rémy Raes <contact@remyraes.com>
Date: Mon, 14 Nov 2022 20:12:11 +0100
Subject: feat: Add element-plus scrollbar to mods view (#53)

* feat: add element-plus scrollbar to mods view

* refactor: remove unused style
---
 src-vue/src/views/ModsView.vue | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

(limited to 'src-vue/src/views/ModsView.vue')

diff --git a/src-vue/src/views/ModsView.vue b/src-vue/src/views/ModsView.vue
index 8e032183..48e9fbee 100644
--- a/src-vue/src/views/ModsView.vue
+++ b/src-vue/src/views/ModsView.vue
@@ -1,13 +1,15 @@
 <template>
     <div class="fc__mods__container">
-        <h3>Installed Mods:</h3>
-        <div>
-            <el-card shadow="hover" v-for="mod in installed_mods">
-                <el-switch style="--el-switch-on-color: #13ce66; --el-switch-off-color: #8957e5" v-model="mod.enabled"
-                    :before-change="() => updateWhichModsEnabled(mod)" :loading="global_load_indicator" />
-                {{mod.name}}
-            </el-card>
-        </div>
+        <el-scrollbar>
+            <h3>Installed Mods:</h3>
+            <div>
+                <el-card shadow="hover" v-for="mod in installed_mods">
+                    <el-switch style="--el-switch-on-color: #13ce66; --el-switch-off-color: #8957e5" v-model="mod.enabled"
+                        :before-change="() => updateWhichModsEnabled(mod)" :loading="global_load_indicator" />
+                    {{mod.name}}
+                </el-card>
+            </div>
+        </el-scrollbar>
     </div>
 </template>
 
@@ -86,7 +88,6 @@ export default defineComponent({
 
 <style scoped>
 .fc__mods__container {
-    padding: 20px 30px;
     color: white;
     position: relative;
 }
-- 
cgit v1.2.3

