asd

public/menu.js

@@ -184,7 +184,7 @@ function setMainMenu(mainWindow) {
         {
           label: `About Version`,
           click() {
-            shell.openExternal(`https://github.com/kamranahmedse/pennywise/releases/tag/${appVersion}`);
+            shell.openExternal(`https://github.com/kamranahmedse/pennywise/releases/tag/v${appVersion}`);
           }
         },
       ]

readme.md

@@ -23,7 +23,7 @@ Pennywise opens any website or media in a **small floating window that remains o
 * **Resize and place** it anywhere
 * **Shortcuts** to make you more productive
 * Lets you **multitask** while you work
-* **Opensource** licensed under MIT
+* **Open source** licensed under MIT
 * **Lean** small resource footprint, minimal User Interface.
 * **Cross-platform** works on MacOS, Windows and Linux
 
@@ -39,7 +39,7 @@ brew cask install pennywise
 
 ## Usecases
 
-> Here is the list of some of the possible usecases off the top of my head
+> Here is the list of some of the possible use cases off the top of my head
 
 * Use it as a floating window for your calendar/checklist/assigned-tickets etc
 * Watching tutorial while you code? Open the video in Pennywise and keep it in front of you

src/browser.js

@@ -26,7 +26,7 @@ class Browser extends React.Component {
     ipcRenderer.on('embedVideos.set', this.onembedVideosSet);
   }
 
-  componentWillUnMount() {
+  componentWillUnmount() {
     ipcRenderer.removeEventListener('embedVideos.set', this.onembedVideosSet);
   }
 

src/components/empty-page/style.scss

@@ -12,18 +12,24 @@
   h1 {
     font-weight: 700;
     font-size: 55px;
-    margin-bottom: 10px;
+    margin-bottom: 1vh;
+    @media (max-height: 140px) {
+      display: none;
+    }
   }
 
   p {
     font-size: 18px;
     font-weight: 500;
+    @media (max-height: 190px) {
+      display: none;
+    }
   }
 
   input {
     font-size: 18px;
     font-weight: 500;
-    margin-top: 15px;
+    margin-top: 1.5vh;
     padding: 15px 20px;
     box-shadow: none;
     border-radius: 80px;
@@ -35,9 +41,17 @@
   }
 
   svg {
-    width: 250px;
-    height: 250px;
-    margin-bottom: 20px;
+    width: 50vh;
+    margin-bottom: 2vh;
+    @media (max-height: 400px) {
+      width: 40vh;
+    }
+    @media (max-height: 320px) {
+      width: 30vh;
+    }
+    @media (max-height: 250px) {
+      display: none;
+    }
   }
 }
 

src/components/nav-bar/index.js

@@ -49,7 +49,7 @@ class NavBar extends Component {
     ipcRenderer.on('nav.focus', this.focusUrlInput);
   }
 
-  componentWillUnMount() {
+  componentWillUnmount() {
     ipcRenderer.removeListener('nav.focus', this.focusUrlInput);
   }