aboutsummaryrefslogtreecommitdiff
path: root/src-vue
diff options
context:
space:
mode:
authorRemy Raes <raes.remy@gmail.com>2022-09-23 17:16:02 +0200
committerRemy Raes <raes.remy@gmail.com>2022-09-23 17:16:02 +0200
commit919ce45c832f421dc90432962aad09c8d608cddf (patch)
treebec1946cf5c8851e3474841090377bdc1c43d03b /src-vue
parenteef89e3c011a41a81056806c24005ebe1a2960b6 (diff)
downloadFlightCore-919ce45c832f421dc90432962aad09c8d608cddf.tar.gz
FlightCore-919ce45c832f421dc90432962aad09c8d608cddf.zip
feat: add PlayView component
Diffstat (limited to 'src-vue')
-rw-r--r--src-vue/src/App.vue3
-rw-r--r--src-vue/src/views/PlayView.vue45
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