fix(popup): adds overflow hidden to prevent unwanted scrollbars

Author: dvcol

src/components/AppComponent.vue

@@ -141,6 +141,7 @@ main {
   justify-content: center;
   min-height: calc(100% - #{layout.$header-navbar-height});
   margin-top: layout.$header-navbar-height;
+  overflow: hidden;
 }
 
 .panel {

src/views/popup/index.html

@@ -21,6 +21,11 @@
 </html>
 
 <style>
+  html {
+    overflow: hidden;
+    scrollbar-width: none;
+  }
+
   body {
     overscroll-behavior: none;
     margin: 0;
@@ -49,7 +54,7 @@
     display: flex;
     width: 800px;
     max-width: 800px;
-    height:600px;
+    height: 600px;
     max-height: 600px;
     overflow: hidden;
   }
@@ -64,7 +69,7 @@
     background: rgba(0 0 0 / 30%);
 
     &:hover {
-      background:rgba(0 0 0 / 60%);
+      background: rgba(0 0 0 / 60%);
     }
   }