fix style in mobile

PanJiaChen · PanJiaChen · commit ec7c585813fe · 2019-03-22T13:12:03.000+08:00
diff --git 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
@@ -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
@@ -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>

Original file line number	Diff line number	Diff line change
`@@ -220,7 +220,6 @@ $cursor: #fff;`
`220`	`220`	`color: #454545;`
`221`	`221`	`}`
`222`	`222`	`}`
`223`		`-`
`224`	`223`	`</style>`
`225`	`224`
`226`	`225`	`<style rel="stylesheet/scss" lang="scss" scoped>`
`@@ -299,5 +298,11 @@ $light_gray:#eee;`
`299`	`298`	`right: 0;`
`300`	`299`	`bottom: 6px;`
`301`	`300`	`}`
	`301`	`+`
	`302`	`+ @media only screen and (max-width: 470px) {`
	`303`	`+ .thirdparty-button {`
	`304`	`+ display: none;`
	`305`	`+ }`
	`306`	`+ }`
`302`	`307`	`}`
`303`	`308`	`</style>`