all

vue/src/system/Profile.vue

@@ -376,40 +376,23 @@ onMounted(async () => {
 </script>
 
 <style scoped>
-.app-container {
+
+.app-container{
   display: flex;
   height: 100vh;
-  overflow: hidden;
 }
-
 .main-content {
+  display: flex;
+  height: 100vh;
+  background-color: #F5F8FF;
   flex: 1;
+  overflow: auto;;
   padding: 1.5rem;
-  overflow-y: auto;
-  height: 100%;
-  background-color: #f5f7fa;
   transition: margin-left 0.3s ease;
 }
 
-/* 确保左侧导航栏完全固定 */
-.app-container > :first-child {
-  position: fixed;
-  height: 100vh;
-  z-index: 10;
-}
-
-/* 为右侧内容添加左边距，避免被固定导航栏遮挡 */
-.main-content {
-  margin-left: 240px; /* 与Menu.vue中的sidebar-container宽度相同 */
-}
-
-/* 当菜单折叠时调整内容区域 */
-.app-container:has(.sidebar-container.collapsed) .main-content {
-  margin-left: 60px;
-}
-
 .profile-container {
-  max-width: 700px;
+  width: 97%;
   margin: 0 auto;
 }
 
@@ -454,7 +437,6 @@ onMounted(async () => {
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
   padding: 1.5rem;
   margin-bottom: 1.5rem;
-  max-width: 600px;
   margin-left: auto;
   margin-right: auto;
 }