优化多个地方

mail-vue/src/layout/aside/index.vue

@@ -156,10 +156,7 @@ const route = useRoute();
 
 .el-menu {
   border-right: 0;
-  width: 250px;
-  @media (max-width: 1199px) {
-    width: 250px;
-  }
+  width: 260px;
 }
 
 :deep(.el-divider__text) {

mail-vue/src/layout/header/index.vue

@@ -30,8 +30,8 @@
       <div class="notice icon-item" @click="openNotice">
         <Icon icon="streamline-plump:announcement-megaphone"/>
       </div>
-      <el-dropdown :teleported="false" popper-class="detail-dropdown">
-        <div class="avatar">
+      <el-dropdown ref="userinfoRef" @visible-change="e => userInfoShow = e" :teleported="false" popper-class="detail-dropdown">
+        <div class="avatar" @click="userInfoHide" >
           <div class="avatar-text">
             <div>{{ formatName(userStore.user.email) }}</div>
           </div>
@@ -103,6 +103,8 @@ const settingStore = useSettingStore();
 const userStore = useUserStore();
 const uiStore = useUiStore();
 const logoutLoading = ref(false)
+const userInfoShow = ref(false)
+const userinfoRef = ref({})
 
 const accountCount = computed(() => {
   return userStore.user.role.accountCount
@@ -157,6 +159,14 @@ const sendCount = computed(() => {
   return userStore.user.sendCount + '/' + userStore.user.role.sendCount
 })
 
+function userInfoHide(e) {
+    if (userInfoShow.value) {
+        userinfoRef.value.handleClose()
+    } else {
+        userinfoRef.value.handleOpen()
+    }
+}
+
 async function copyEmail(email) {
   try {
     await navigator.clipboard.writeText(email);

mail-vue/src/layout/main/index.vue

@@ -128,7 +128,7 @@ const handleResize = () => {
   @media (max-width: 767px) {
     position: fixed;
     z-index: 100;
-    width: 250px;
+    width: 260px;
   }
 }
 
@@ -138,7 +138,7 @@ const handleResize = () => {
   transform: translateX(-100%);
   opacity: 0;
   @media (max-width: 1024px) {
-    width: 250px;
+    width: 260px;
     z-index: 100;
   }
 }
@@ -148,9 +148,6 @@ const handleResize = () => {
   display: grid;
   grid-template-columns: 260px  1fr;
   height: calc(100% - 60px);
-  @media (max-width: 1200px) {
-    grid-template-columns: 250px  1fr;
-  }
   @media (max-width: 767px) {
     grid-template-columns: 1fr;
   }

mail-vue/src/layout/write/index.vue

@@ -440,7 +440,7 @@ function close() {
 
   .write-box {
     background: var(--el-bg-color);
-    width: min(1200px, calc(100% - 80px));
+    width: min(1367px, calc(100% - 80px));
     box-shadow: var(--el-box-shadow-light);
     border: 1px solid var(--el-border-color-light);
     transition: var(--el-transition-duration);
@@ -453,6 +453,7 @@ function close() {
       width: 100%;
       height: 100%;
       border-radius: 0;
+      border: 0;
       padding-top: 10px;
     }