aboutsummaryrefslogtreecommitdiff
path: root/src-vue/src/views/ModsView.vue
diff options
context:
space:
mode:
authorRémy Raes <contact@remyraes.com>2022-11-14 20:12:11 +0100
committerGitHub <noreply@github.com>2022-11-14 20:12:11 +0100
commitd3c190bd4d3461fc4c310f64eb74a8e2425baaad (patch)
tree92b319d71d914d03cfb694f56c2a0aa71115d1ad /src-vue/src/views/ModsView.vue
parent7a0bd126ec2ec2aa4500616705afd3dba21f3d62 (diff)
downloadFlightCore-d3c190bd4d3461fc4c310f64eb74a8e2425baaad.tar.gz
FlightCore-d3c190bd4d3461fc4c310f64eb74a8e2425baaad.zip
feat: Add element-plus scrollbar to mods view (#53)
* feat: add element-plus scrollbar to mods view * refactor: remove unused style
Diffstat (limited to 'src-vue/src/views/ModsView.vue')
-rw-r--r--src-vue/src/views/ModsView.vue19
1 files changed, 10 insertions, 9 deletions
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;
}