diff options
Diffstat (limited to 'src-vue/src/views')
| -rw-r--r-- | src-vue/src/views/PlayView.vue | 30 |
1 files changed, 26 insertions, 4 deletions
diff --git a/src-vue/src/views/PlayView.vue b/src-vue/src/views/PlayView.vue index cff872a2..28458b4f 100644 --- a/src-vue/src/views/PlayView.vue +++ b/src-vue/src/views/PlayView.vue @@ -1,5 +1,6 @@ <script lang="ts"> import { ElNotification } from 'element-plus'; +import {Tabs} from "../utils/Tabs"; export default { data() { @@ -19,6 +20,10 @@ export default { position: 'bottom-right' }); } + }, + + showChangelogPage() { + this.$store.commit('updateCurrentTab', Tabs.CHANGELOG); } } }; @@ -27,8 +32,13 @@ export default { <template> <div class="fc_launch__container"> <div class="fc_title">Northstar</div> - <div class="fc_northstar__version" @click="activateDeveloperMode"> - v{{ $store.state.installed_northstar_version }} + <div class="fc_northstar__version__container"> + <div class="fc_northstar__version" @click="activateDeveloperMode"> + v{{ $store.state.installed_northstar_version }} + </div> + <div class="fc_changelog__link" @click="showChangelogPage"> + (see patch notes) + </div> </div> <div> <el-button type="primary" size="large">Launch game</el-button> @@ -68,11 +78,23 @@ button { font-weight: bold; } -.fc_northstar__version { - color: rgb(168, 168, 168); +/* Northstar version + changelog link */ +.fc_northstar__version__container { margin-bottom: 20px; + color: rgb(168, 168, 168); } +.fc_northstar__version, .fc_changelog__link { + display: inline-block; +} + +.fc_changelog__link { + margin-left: 3px; + text-decoration: underline; + cursor: pointer; +} + + #fc_services__status { display: inline-block; position: fixed; |