diff options
| -rw-r--r-- | src-vue/src/App.vue | 3 | ||||
| -rw-r--r-- | src-vue/src/views/PlayView.vue | 45 |
2 files changed, 47 insertions, 1 deletions
diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue index f3f63e64..dcb9aa47 100644 --- a/src-vue/src/App.vue +++ b/src-vue/src/App.vue @@ -1,10 +1,11 @@ <script setup lang="ts"> +import PlayView from './views/PlayView.vue'; </script> <template> <div id="fc_bg__container"/> <el-tabs class="fc_menu__tabs" type="card"> - <el-tab-pane label="Play">Play</el-tab-pane> + <el-tab-pane label="Play"><PlayView /></el-tab-pane> <el-tab-pane label="Changelog">Changelog</el-tab-pane> <el-tab-pane label="Mods">Mods</el-tab-pane> <el-tab-pane label="Settings">Settings</el-tab-pane> diff --git a/src-vue/src/views/PlayView.vue b/src-vue/src/views/PlayView.vue new file mode 100644 index 00000000..6731cfbd --- /dev/null +++ b/src-vue/src/views/PlayView.vue @@ -0,0 +1,45 @@ +<script setup lang="ts"> +</script> + +<template> + <div class="fc_launch__container"> + <div class="fc_title">Northstar</div> + <div class="fc_subtitle">Last updated: 23-09-2022 14:46</div> + <el-button type="primary" size="large">Launch game</el-button> + <el-button class="run__server" size="large">Run server</el-button> + </div> +</template> + +<style scoped> +.fc_launch__container { + margin: 50px; + position: fixed; + bottom: 0; +} + +/* Buttons */ +button { + text-transform: uppercase; + border-radius: 2px; + padding: 30px; + font-size: 15px; +} + +.run__server { + background-color: #6a6a6a75; + border: none; + color: white; +} + +/* Titles */ +.fc_title { + color: white; + font-size: 50px; + font-weight: bold; +} + +.fc_subtitle { + color: rgb(168, 168, 168); + margin-bottom: 20px; +} +</style>
\ No newline at end of file |