diff options
Diffstat (limited to 'src-vue/src/views')
-rw-r--r-- | src-vue/src/views/PlayView.vue | 45 |
1 files changed, 45 insertions, 0 deletions
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 |