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/views/PlayView.vue | 45 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 src-vue/src/views/PlayView.vue

(limited to 'src-vue/src/views')

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