style(popup): disabled transparent background.

.gitignore

@@ -5,3 +5,4 @@ node_modules
 /build
 .DS_Store
 ._.*
+yarn-error.log

main.js

@@ -91,7 +91,7 @@ const createPopupWindow = async () => {
   const popup = new BrowserWindow({
     show: false,
     frame: false,
-    transparent: true,
+    // transparent: true,
     width: isDev ? 900 : 460,
     height: 600,
     x: isDev ? curDisplay.bounds.width / 2 : curDisplay.bounds.width - 500 - 140,

package.json

@@ -1,6 +1,6 @@
 {
   "name": "champ-r",
-  "version": "0.9.1",
+  "version": "0.9.3",
   "license": "MIT",
   "description": "Get champion items for lol, Windows only.",
   "productName": "ChampR",

src/modules/popup/index.js

@@ -120,7 +120,7 @@ export default function Popup() {
       return <div className={s.loading}>loading...</div>;
     }
 
-    return <>
+    return <div className={s.main}>
       {
         championDetail &&
         <div className={s.drag}>
@@ -140,6 +140,7 @@ export default function Popup() {
           TabContent: {
             style: () => {
               return {
+                paddingTop: 0,
                 paddingLeft: 0,
                 paddingRight: 0,
                 paddingBottom: 0,
@@ -165,7 +166,7 @@ export default function Popup() {
           </div>
         </Tab>
       </Tabs>
-    </>;
+    </div>;
   };
 
   return <StyletronProvider value={engine}>

src/modules/popup/style.module.scss

@@ -10,6 +10,10 @@ body {
   background-color: #ffffff;
 }
 
+.main {
+  background-color: #ffffff;
+}
+
 .drag {
   display: flex;
   margin-bottom: 1ex;