From 5f0828342c84c1b418a329d803a5b6d624c9f261 Mon Sep 17 00:00:00 2001
From: qier222 <qier222@outlook.com>
Date: Wed, 9 Dec 2020 20:01:59 +0800
Subject: [PATCH] fix: UI improvements

---
 src/App.vue                 | 6 +-----
 src/components/Navbar.vue   | 7 ++++++-
 src/electron/ipcRenderer.js | 2 +-
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index cba9d2c..39ecdc2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -139,11 +139,6 @@ a {
   }
 }
 
-// for electron
-body.is-electron::-webkit-scrollbar {
-  width: 0;
-}
-
 /* Let's get this party started */
 ::-webkit-scrollbar {
   width: 8px;
@@ -152,6 +147,7 @@ body.is-electron::-webkit-scrollbar {
 ::-webkit-scrollbar-track {
   background: transparent;
   border-left: 1px solid rgba(128, 128, 128, 0.18);
+  background: var(--color-body-bg);
 }
 
 ::-webkit-scrollbar-thumb {
diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index 5acc941..576c2f3 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -120,6 +120,9 @@ nav {
     height: 24px;
     width: 24px;
   }
+  button {
+    -webkit-app-region: no-drag;
+  }
 }
 .navigation-links {
   flex: 1;
@@ -127,6 +130,7 @@ nav {
   justify-content: center;
   text-transform: uppercase;
   a {
+    -webkit-app-region: no-drag;
     font-size: 18px;
     font-weight: 700;
     text-decoration: none;
@@ -160,8 +164,8 @@ nav {
 
 .search-box {
   display: flex;
-
   justify-content: flex-end;
+  -webkit-app-region: no-drag;
 
   .container {
     display: flex;
@@ -224,6 +228,7 @@ nav {
     height: 24px;
     width: 24px;
     color: var(--color-text);
+    -webkit-app-region: no-drag;
   }
 }
 </style>
diff --git a/src/electron/ipcRenderer.js b/src/electron/ipcRenderer.js
index a9dc0c8..08bbadd 100644
--- a/src/electron/ipcRenderer.js
+++ b/src/electron/ipcRenderer.js
@@ -1,7 +1,7 @@
 export function ipcRenderer(vueInstance) {
   const self = vueInstance;
   // 添加专有的类名
-  document.body.classList.add("is-electron");
+  document.body.setAttribute("data-electron", "yes");
   // ipc message channel
   const electron = window.require("electron");
   const ipcRenderer = electron.ipcRenderer;