From 614c305a03b3cb7ea9e0cbe980d66a1129dcca4b Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Fri, 23 Sep 2022 18:03:07 +0200
Subject: feat: add window control buttons

---
 src-vue/src/App.vue   | 25 +++++++++++++++++++++++++
 src-vue/src/style.css |  1 +
 2 files changed, 26 insertions(+)

diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
index dcb9aa47..4fb6f0ce 100644
--- a/src-vue/src/App.vue
+++ b/src-vue/src/App.vue
@@ -10,6 +10,10 @@ import PlayView from './views/PlayView.vue';
     <el-tab-pane label="Mods">Mods</el-tab-pane>
     <el-tab-pane label="Settings">Settings</el-tab-pane>
   </el-tabs>
+  <div id="fc_window__controls">
+    <el-button color="white" icon="SemiSelect" circle />
+    <el-button color="white" icon="CloseBold" circle />
+  </div>
 </template>
 
 <style>
@@ -44,4 +48,25 @@ import PlayView from './views/PlayView.vue';
   height: auto !important;
 }
 
+/* Window controls */
+#fc_window__controls {
+  display: flex;
+  position: absolute;
+  top: 0;
+  right: 0;
+  height: var(--el-tabs-header-height);
+}
+
+#fc_window__controls > button {
+  color: white;
+  font-size: 20px;
+  margin: auto 5px;
+  background: none;
+  border: none;
+}
+
+#fc_window__controls > button:last-of-type {
+  margin-right: 20px;
+}
+
 </style>
diff --git a/src-vue/src/style.css b/src-vue/src/style.css
index d63c1631..b3c0e4a7 100644
--- a/src-vue/src/style.css
+++ b/src-vue/src/style.css
@@ -1,6 +1,7 @@
 body {
   margin: 0;
   font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
+  --el-tabs-header-height: 60px;
 }
 
 #fc_bg__container {
-- 
cgit v1.2.3