fix sidebar ui

src/App.vue

@@ -469,7 +469,7 @@ watch(currentDir, (newPath) => {
 
 <template>
   <el-container class="layout-container" style="height: 100vh">
-    <el-aside width="200px" class="main-aside">
+    <el-aside width="160px" class="main-aside">
       <div class="aside-header">
         <img :src="appIcon" alt="App Icon" class="app-icon" />
       </div>
@@ -695,7 +695,9 @@ body {
 .el-menu-vertical-demo .el-menu-item {
     font-size: 20px; /* Increase text size */
     height: 80px; /* Adjust height to accommodate larger font/icons and maintain spacing */
-    line-height: 50px;
+    display: flex; /* Make it a flex container */
+    justify-content: center;
+    padding-right: 50px;
 }
 .el-menu-vertical-demo .el-menu-item .el-icon {
     font-size: 20px; /* Increase icon size */