aboutsummaryrefslogtreecommitdiff
path: root/src-vue
diff options
context:
space:
mode:
authorRemy Raes <raes.remy@gmail.com>2022-09-23 18:03:07 +0200
committerRemy Raes <raes.remy@gmail.com>2022-09-23 18:03:07 +0200
commit614c305a03b3cb7ea9e0cbe980d66a1129dcca4b (patch)
tree3ed53768afe6c3491f59bbc8f638bac31fdf5ace /src-vue
parent21784ec3d747000c18b529b6569e1d6941a0c338 (diff)
downloadFlightCore-614c305a03b3cb7ea9e0cbe980d66a1129dcca4b.tar.gz
FlightCore-614c305a03b3cb7ea9e0cbe980d66a1129dcca4b.zip
feat: add window control buttons
Diffstat (limited to 'src-vue')
-rw-r--r--src-vue/src/App.vue25
-rw-r--r--src-vue/src/style.css1
2 files changed, 26 insertions, 0 deletions
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 {