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/DeveloperView.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/DeveloperView.vue')
| -rw-r--r-- | src-vue/src/views/DeveloperView.vue | 81 |
1 files changed, 39 insertions, 42 deletions
diff --git a/src-vue/src/views/DeveloperView.vue b/src-vue/src/views/DeveloperView.vue index eec70194..f2e097b0 100644 --- a/src-vue/src/views/DeveloperView.vue +++ b/src-vue/src/views/DeveloperView.vue @@ -1,56 +1,58 @@ <template> - <div class="fc__developer__container"> - <h3>Basic:</h3> + <div class="fc-container"> + <el-scrollbar> + <h3>Basic:</h3> - <el-button type="primary" @click="disableDevMode"> - Disable developer mode - </el-button> + <el-button type="primary" @click="disableDevMode"> + Disable developer mode + </el-button> - <el-button type="primary" @click="crashApplication"> - Panic button - </el-button> + <el-button type="primary" @click="crashApplication"> + Panic button + </el-button> - <h3>Linux:</h3> + <h3>Linux:</h3> - <el-button type="primary" @click="checkLinuxCompatibility"> - Check NSProton Compatibility - </el-button> + <el-button type="primary" @click="checkLinuxCompatibility"> + Check NSProton Compatibility + </el-button> - <h3>Testing:</h3> + <h3>Testing:</h3> - <el-button type="primary" @click="toggleReleaseCandidate"> - Toggle Release Candidate - </el-button> + <el-button type="primary" @click="toggleReleaseCandidate"> + Toggle Release Candidate + </el-button> - <el-button type="primary" @click="launchGameWithoutChecks"> - Launch Northstar (bypass all checks) - </el-button> + <el-button type="primary" @click="launchGameWithoutChecks"> + Launch Northstar (bypass all checks) + </el-button> - <h3>Mod install:</h3> + <h3>Mod install:</h3> - <el-input v-model="mod_to_install_field_string" placeholder="Please input Thunderstore dependency string (example: AuthorName-ModName-1.2.3)" clearable /> + <el-input v-model="mod_to_install_field_string" placeholder="Please input Thunderstore dependency string (example: AuthorName-ModName-1.2.3)" clearable /> - <el-button type="primary" @click="installMod"> - Install mod - </el-button> + <el-button type="primary" @click="installMod"> + Install mod + </el-button> - <h3>Repair:</h3> + <h3>Repair:</h3> - <el-button type="primary" @click="disableAllModsButCore"> - Disable all but core mods - </el-button> + <el-button type="primary" @click="disableAllModsButCore"> + Disable all but core mods + </el-button> - <el-button type="primary" @click="getInstalledMods"> - Get installed mods - </el-button> + <el-button type="primary" @click="getInstalledMods"> + Get installed mods + </el-button> - <el-button type="primary" @click="cleanUpDownloadFolder"> - Force delete temp download folder - </el-button> + <el-button type="primary" @click="cleanUpDownloadFolder"> + Force delete temp download folder + </el-button> - <el-button type="primary" @click="clearFlightCorePersistentStore"> - Delete FlightCore persistent store - </el-button> + <el-button type="primary" @click="clearFlightCorePersistentStore"> + Delete FlightCore persistent store + </el-button> + </el-scrollbar> </div> </template> @@ -235,9 +237,4 @@ export default defineComponent({ </script> <style scoped> -.fc__developer__container { - padding: 20px 30px; - color: white; - position: relative; -} </style> |