diff options
| author | Rémy Raes <contact@remyraes.com> | 2022-11-30 02:14:09 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-11-30 02:14:09 +0100 |
| commit | dc10eb68bf2889fef3f18c8f56e619f40701f729 (patch) | |
| tree | 1e62648a64fa9a46b03dd52450f9961b57fc4604 /src-vue/src/views/SettingsView.vue | |
| parent | b9895a407b215230d336a5104d84fcb5e2582b5b (diff) | |
| download | FlightCore-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.vue | 47 |
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 { |