diff --git a/src/assets/main.css b/src/assets/main.css
index c81b7d3..2ba14a5 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -1,3 +1,19 @@
-#app .el-header{
-    padding-left: 0;
+body, #app .el-header{
+    padding: 0;
+}
+
+body {
+    margin: 0;
+}
+
+html, body, #app, .index-container {
+    height: 100%;
+}
+
+.index-aside {
+    border-right: solid 1px var(--el-menu-border-color);
+}
+
+.index-aside .el-menu {
+    border-right: 0 none;
 }
diff --git a/src/stores/globalConfig.js b/src/stores/globalConfig.js
new file mode 100644
index 0000000..d252f3d
--- /dev/null
+++ b/src/stores/globalConfig.js
@@ -0,0 +1,10 @@
+import { ref } from 'vue'
+import { defineStore } from 'pinia'
+
+export const useGlobalConfigStore = defineStore('globalConfig', () => {
+  const currentLocale = ref('zh-CN')
+  const changeLocale = function (locale) {
+    currentLocale.value = locale
+  }
+  return { currentLocale, changeLocale }
+})
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 92bd97f..af69835 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -17,7 +17,10 @@ const testDay = function () {
 
 <template>
   <el-container class="index-container">
-    <el-aside width="auto">
+    <el-aside
+      class="index-aside"
+      width="auto"
+    >
       <left-menu v-model:collapse-left="collapseLeft" />
     </el-aside>
     <el-container>