From 919ce45c832f421dc90432962aad09c8d608cddf Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Fri, 23 Sep 2022 17:16:02 +0200
Subject: feat: add PlayView component

---
 src-vue/src/App.vue            |  3 ++-
 src-vue/src/views/PlayView.vue | 45 ++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 47 insertions(+), 1 deletion(-)
 create mode 100644 src-vue/src/views/PlayView.vue

(limited to 'src-vue/src')

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
-- 
cgit v1.2.3