From 70346aeece0153dd73c2a65898d15d1ce810c835 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Thu, 22 Aug 2019 15:36:12 +0800
Subject: [PATCH] [O] Center the navigation items

---
 src/components/navigation/navigation.scss | 5 +++++
 src/components/navigation/navigation.vue  | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/navigation/navigation.scss b/src/components/navigation/navigation.scss
index e69de29..ca538fb 100644
--- a/src/components/navigation/navigation.scss
+++ b/src/components/navigation/navigation.scss
@@ -0,0 +1,5 @@
+.el-menu.centered li
+{
+    display: inline-block !important;
+    float: none !important;
+}
diff --git a/src/components/navigation/navigation.vue b/src/components/navigation/navigation.vue
index b2f4e10..25d11ae 100644
--- a/src/components/navigation/navigation.vue
+++ b/src/components/navigation/navigation.vue
@@ -1,6 +1,6 @@
 <template>
     <div id="navigation">
-        <el-menu :default-active="activeIndex" mode="horizontal" @select="onSelect">
+        <el-menu class="centered" :default-active="activeIndex" mode="horizontal" @select="onSelect">
 
             <el-menu-item index="overall">Overall</el-menu-item>