aboutsummaryrefslogtreecommitdiff
path: root/src-vue
diff options
context:
space:
mode:
authorRemy Raes <raes.remy@gmail.com>2022-09-23 00:43:12 +0200
committerRemy Raes <raes.remy@gmail.com>2022-09-23 00:43:12 +0200
commitb93afb828c341f883813c78650fdfee96d0fa907 (patch)
treefa7540ed21d6880addefcb3cbe99569ab7bb2b3b /src-vue
parent3ab7ade87ba7fb7e6f8bb2184f707e2afa979a75 (diff)
downloadFlightCore-b93afb828c341f883813c78650fdfee96d0fa907.tar.gz
FlightCore-b93afb828c341f883813c78650fdfee96d0fa907.zip
feat: add basic tabs
Diffstat (limited to 'src-vue')
-rw-r--r--src-vue/src/App.vue39
1 files changed, 32 insertions, 7 deletions
diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
index 68cb43ee..cfb60b52 100644
--- a/src-vue/src/App.vue
+++ b/src-vue/src/App.vue
@@ -2,13 +2,38 @@
</script>
<template>
- <div class="common-layout">
- <el-container>
- <el-header>Header</el-header>
- <el-main>Main</el-main>
- </el-container>
- </div>
+ <el-tabs class="fc_menu__tabs" type="card">
+ <el-tab-pane label="Play">Play</el-tab-pane>
+ <el-tab-pane label="Changelog">Changelog</el-tab-pane>
+ <el-tab-pane label="Mods">Mods</el-tab-pane>
+ <el-tab-pane label="Settings">Settings</el-tab-pane>
+ </el-tabs>
</template>
-<style scoped>
+<style>
+/* Borders reset */
+.fc_menu__tabs .el-tabs__nav, .fc_menu__tabs .el-tabs__header {
+ border: none !important;
+}
+
+/* Header item */
+.fc_menu__tabs .el-tabs__item {
+ color: #898b8e;
+ text-transform: uppercase;
+ border: none !important;
+}
+
+.fc_menu__tabs .el-tabs__item:hover {
+ color: #c6c9ce;
+}
+
+.fc_menu__tabs .is-active {
+ color: white !important;
+}
+
+/* Header menu */
+.fc_menu__tabs .el-tabs__header {
+ background-color: #3c4549;
+}
+
</style>