diff options
| author | Remy Raes <raes.remy@gmail.com> | 2022-09-23 18:03:07 +0200 |
|---|---|---|
| committer | Remy Raes <raes.remy@gmail.com> | 2022-09-23 18:03:07 +0200 |
| commit | 614c305a03b3cb7ea9e0cbe980d66a1129dcca4b (patch) | |
| tree | 3ed53768afe6c3491f59bbc8f638bac31fdf5ace | |
| parent | 21784ec3d747000c18b529b6569e1d6941a0c338 (diff) | |
| download | FlightCore-614c305a03b3cb7ea9e0cbe980d66a1129dcca4b.tar.gz FlightCore-614c305a03b3cb7ea9e0cbe980d66a1129dcca4b.zip | |
feat: add window control buttons
| -rw-r--r-- | src-vue/src/App.vue | 25 | ||||
| -rw-r--r-- | src-vue/src/style.css | 1 |
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 { |