aboutsummaryrefslogtreecommitdiff
path: root/src-vue/src/views
diff options
context:
space:
mode:
Diffstat (limited to 'src-vue/src/views')
-rw-r--r--src-vue/src/views/PlayView.vue45
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