fix style in mobile

Author: PanJiaChen

src/components/RightPanel/index.vue

@@ -45,6 +45,10 @@ export default {
   mounted() {
     this.insertToBody()
   },
+  beforeDestroy() {
+    const elx = this.$refs.rightPanel
+    elx.remove()
+  },
   methods: {
     addEventClick() {
       window.addEventListener('click', this.closeSidebar)

src/layout/Layout.vue

@@ -91,4 +91,7 @@ export default {
   .hideSidebar .fixed-header{
      width: calc(100% - 54px)
   }
+  .mobile .fixed-header{
+    width: 100%;
+  }
 </style>

src/views/login/index.vue

@@ -220,7 +220,6 @@ $cursor: #fff;
     color: #454545;
   }
 }
-
 </style>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
@@ -299,5 +298,11 @@ $light_gray:#eee;
     right: 0;
     bottom: 6px;
   }
+
+  @media only screen and (max-width: 470px) {
+    .thirdparty-button {
+      display: none;
+    }
+  }
 }
 </style>