From ec7c585813fe2f33dd52d04866e1c37b10fbbfd2 Mon Sep 17 00:00:00 2001
From: Pan <panfree23@gmail.com>
Date: Fri, 22 Mar 2019 13:12:03 +0800
Subject: [PATCH] fix style in mobile

---
 src/components/RightPanel/index.vue | 4 ++++
 src/layout/Layout.vue               | 3 +++
 src/views/login/index.vue           | 7 ++++++-
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/RightPanel/index.vue b/src/components/RightPanel/index.vue
index fb356c39..40b14c27 100644
--- a/src/components/RightPanel/index.vue
+++ b/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)
diff --git a/src/layout/Layout.vue b/src/layout/Layout.vue
index 4691e277..a991b771 100644
--- a/src/layout/Layout.vue
+++ b/src/layout/Layout.vue
@@ -91,4 +91,7 @@ export default {
   .hideSidebar .fixed-header{
      width: calc(100% - 54px)
   }
+  .mobile .fixed-header{
+    width: 100%;
+  }
 </style>
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 44c6de90..221d421c 100644
--- a/src/views/login/index.vue
+++ b/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>