aboutsummaryrefslogtreecommitdiff
path: root/src-vue/src/views/SettingsView.vue
diff options
context:
space:
mode:
authorRémy Raes <contact@remyraes.com>2022-11-30 02:14:09 +0100
committerGitHub <noreply@github.com>2022-11-30 02:14:09 +0100
commitdc10eb68bf2889fef3f18c8f56e619f40701f729 (patch)
tree1e62648a64fa9a46b03dd52450f9961b57fc4604 /src-vue/src/views/SettingsView.vue
parentb9895a407b215230d336a5104d84fcb5e2582b5b (diff)
downloadFlightCore-dc10eb68bf2889fef3f18c8f56e619f40701f729.tar.gz
FlightCore-dc10eb68bf2889fef3f18c8f56e619f40701f729.zip
feat: Add scrollbar to all views (#91)
* feat: add new CSS class for UI containers * feat: add a scrollbar to developer view * refactor: use CSS class in all views * feat: put a scrollbar in settings view
Diffstat (limited to 'src-vue/src/views/SettingsView.vue')
-rw-r--r--src-vue/src/views/SettingsView.vue47
1 files changed, 24 insertions, 23 deletions
diff --git a/src-vue/src/views/SettingsView.vue b/src-vue/src/views/SettingsView.vue
index b32f7e6f..8cb6e810 100644
--- a/src-vue/src/views/SettingsView.vue
+++ b/src-vue/src/views/SettingsView.vue
@@ -1,24 +1,28 @@
<template>
- <div class="fc_settings__container">
- <!-- Game folder location -->
- <h3>Manage installation</h3>
- <el-input
- v-model="$store.state.game_path"
- class="w-50 m-2"
- placeholder="Choose installation folder"
- @click="updateGamePath"
- >
- <template #prepend>
- <el-button icon="Folder" @click="updateGamePath"/>
- </template>
- </el-input>
- <h3>About:</h3>
- <div class="fc_northstar__version" @click="activateDeveloperMode">
- FlightCore Version: {{ flightcoreVersion === '' ? 'Unknown version' : `${flightcoreVersion}` }}
- </div>
- <br />
- <br />
- UI design inspired by <el-link :underline="false" target="_blank" href="https://github.com/TFORevive/tforevive_launcher/" type="primary">TFORevive Launcher</el-link> (not yet public)
+ <div class="fc-container">
+ <el-scrollbar>
+ <div class="fc_settings__container">
+ <!-- Game folder location -->
+ <h3>Manage installation</h3>
+ <el-input
+ v-model="$store.state.game_path"
+ class="w-50 m-2"
+ placeholder="Choose installation folder"
+ @click="updateGamePath"
+ >
+ <template #prepend>
+ <el-button icon="Folder" @click="updateGamePath"/>
+ </template>
+ </el-input>
+ <h3>About:</h3>
+ <div class="fc_northstar__version" @click="activateDeveloperMode">
+ FlightCore Version: {{ flightcoreVersion === '' ? 'Unknown version' : `${flightcoreVersion}` }}
+ </div>
+ <br />
+ <br />
+ UI design inspired by <el-link :underline="false" target="_blank" href="https://github.com/TFORevive/tforevive_launcher/" type="primary">TFORevive Launcher</el-link> (not yet public)
+ </div>
+ </el-scrollbar>
</div>
</template>
@@ -65,10 +69,7 @@ export default defineComponent({
<style scoped>
.fc_settings__container {
max-width: 1200px;
- padding: 20px 30px;
margin: 0 auto;
- color: white;
- position: relative;
}
h3:first-of-type {