diff options
| author | Rémy Raes <contact@remyraes.com> | 2022-11-14 20:12:11 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-11-14 20:12:11 +0100 |
| commit | d3c190bd4d3461fc4c310f64eb74a8e2425baaad (patch) | |
| tree | 92b319d71d914d03cfb694f56c2a0aa71115d1ad | |
| parent | 7a0bd126ec2ec2aa4500616705afd3dba21f3d62 (diff) | |
| download | FlightCore-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
| -rw-r--r-- | src-vue/src/views/ModsView.vue | 19 |
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; } |