fix: 解决屏幕放大后菜单管理左右线不一致

src/views/system/menu/menu.vue

@@ -70,17 +70,19 @@
               </el-popconfirm>
             </div>
           </div>
-          <div class="pt-6">
-            <MenuForm
-              v-show="selectedMenuId != null"
-              ref="menuFormRef"
-              :parent-menu-tree="menuTree"
-              @change="handleMenuChange"
-              class="w-2/3 ml-10"
-              isShowSubmit
-            />
-            <el-empty v-show="selectedMenuId == null" description="从左侧列表选择一项后，进行编辑" />
-          </div>
+          <el-scrollbar style="height: calc(100vh - 240px); overflow: hidden">
+            <div class="pt-6">
+              <MenuForm
+                v-show="selectedMenuId != null"
+                ref="menuFormRef"
+                :parent-menu-tree="menuTree"
+                @change="handleMenuChange"
+                class="w-2/3 ml-10"
+                isShowSubmit
+              />
+              <el-empty v-show="selectedMenuId == null" description="从左侧列表选择一项后，进行编辑" />
+            </div>
+          </el-scrollbar>
         </div>
       </div>
       <CreateDrawer
@@ -251,11 +253,10 @@
       border-right: 1px solid #eaeaea;
       .left_top {
         width: 100%;
-        // height: 69px;
-        padding-top: 18px;
-        padding-bottom: 18px;
+        height: 69px;
         position: relative;
         display: flex;
+        flex-shrink: 0;
         flex-direction: row;
         border-bottom: 1px solid #eaeaea;
       }

src/views/system/permission/PagePermission.vue

@@ -262,11 +262,10 @@
       border-right: 1px solid #eaeaea;
       .left_top {
         width: 100%;
-        // height: 69px;
-        padding-top: 18px;
-        padding-bottom: 18px;
+        height: 69px;
         position: relative;
         display: flex;
+        flex-shrink: 0;
         flex-direction: row;
         border-bottom: 1px solid #eaeaea;
       }