Fixed: #140 || drag the image to app will be opened by Chrome & gallery close button

src/renderer/components/RenamePage.vue

@@ -22,8 +22,10 @@
   </div>
 </template>
 <script>
+import mixin from './mixin'
 export default {
   name: 'rename-page',
+  mixins: [mixin],
   data () {
     return {
       fileName: '',

src/renderer/components/SettingPage.vue

@@ -136,9 +136,11 @@ import pkg from '../../../package.json'
 import keyDetect from 'utils/key-binding'
 import { remote } from 'electron'
 import db from '../../datastore'
+import mixin from './mixin'
 const { Menu, dialog, BrowserWindow } = remote
 export default {
   name: 'setting-page',
+  mixins: [mixin],
   data () {
     const customLinkRule = (rule, value, callback) => {
       if (!/\$url/.test(value)) {

src/renderer/components/SettingView/Gallery.vue

@@ -76,8 +76,10 @@
 <script>
 import gallerys from 'vue-gallery'
 import pasteStyle from '../../../main/utils/pasteTemplate'
+import mixin from '../mixin'
 export default {
   name: 'gallery',
+  mixins: [mixin],
   components: {
     gallerys
   },
@@ -150,9 +152,18 @@ export default {
     },
     zoomImage (index) {
       this.idx = index
+      this.changeZIndexForGallery(true)
+    },
+    changeZIndexForGallery (isOpen) {
+      if (isOpen) {
+        document.querySelector('.main-content.el-row').style.zIndex = 101
+      } else {
+        document.querySelector('.main-content.el-row').style.zIndex = 10
+      }
     },
     handleClose () {
       this.idx = null
+      this.changeZIndexForGallery(false)
     },
     copy (url) {
       const style = this.$db.read().get('settings.pasteStyle').value() || 'markdown'
@@ -371,9 +382,6 @@ export default {
         &.el-icon-delete
           &:hover
             color #F15140
-  .blueimp-gallery
-    .title
-      top 30px
   .handle-bar
     color #ddd
     .pic-bed-item

src/renderer/components/SettingView/Plugin.vue

@@ -81,8 +81,10 @@
 <script>
 import ConfigForm from '../ConfigForm'
 import { debounce } from 'lodash'
+import mixin from '../mixin'
 export default {
   name: 'plugin',
+  mixins: [mixin],
   components: {
     ConfigForm
   },

src/renderer/components/TrayPage.vue

@@ -23,9 +23,11 @@
 </template>
 
 <script>
+  import mixin from './mixin'
   import pasteTemplate from '../../main/utils/pasteTemplate'
   export default {
     name: 'tray-page',
+    mixins: [mixin],
     data () {
       return {
         files: [],