fix: mobile style comp

Author: sendya

src/components/page/GlobalLayout.vue

@@ -172,6 +172,14 @@
         }
       }
 
+      .topmenu {
+        /* 必须为 topmenu  才能启用流式布局 */
+        &.content-width-Fluid {
+          .header-index-wide {
+            margin-left: 0;
+          }
+        }
+      }
     }
 
     &.ant-layout-has-sider {

src/components/page/PageHeader.vue

@@ -222,6 +222,16 @@
           min-width: 0;
           text-align: right;
         }
+        .action {
+          margin-left: unset;
+          min-width: 266px;
+          flex: 0 1 auto;
+          text-align: left;
+          margin-bottom: 12px;
+          &:empty {
+            display: none;
+          }
+        }
       }
     }
   }

src/components/tools/HeaderNotice.vue

@@ -1,5 +1,11 @@
 <template>
-  <a-popover trigger="click" placement="bottomRight" :autoAdjustOverflow="false" overlayClassName="header-notice-wrapper" :overlayStyle="{ width: '300px', top: '50px' }">
+  <a-popover
+    trigger="click"
+    placement="bottomRight"
+    :autoAdjustOverflow="true"
+    :arrowPointAtCenter="true"
+    overlayClassName="header-notice-wrapper"
+    :overlayStyle="{ width: '300px', top: '50px' }">
     <template slot="content">
       <a-spin :spinning="loadding">
         <a-tabs>

src/views/account/settings/AvatarModal.vue

@@ -1,7 +1,7 @@
 <template>
   <a-modal :visible="visible" title="修改头像" :maskClosable="false" :confirmLoading="confirmLoading" :width="800">
     <a-row>
-      <a-col :span="12" :style="{height: '350px'}">
+      <a-col :xs="24" :md="12" :style="{height: '350px'}">
         <vue-cropper
           ref="cropper"
           :img="options.img"
@@ -14,7 +14,7 @@
         >
         </vue-cropper>
       </a-col>
-      <a-col :span="12" :style="{height: '350px'}">
+      <a-col :xs="24" :md="12" :style="{height: '350px'}">
         <div class="avatar-upload-preview">
           <img :src="previews.url" :style="previews.img"/>
         </div>