diff options
| -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 { |