fix(ui): auto-resize based on window inner width/height

Author: dvcol

src/views/popup/index.html

@@ -47,14 +47,11 @@
 
   #app-popup {
     display: flex;
-    width: 45rem;
+    width: 800px;
     max-width: 800px;
-    height: 37rem;
+    height:600px;
     max-height: 600px;
     overflow: hidden;
-    transition:
-      width 1s,
-      height 2s;
   }
 
   #app-skeleton-container {

src/views/popup/main.ts

@@ -1,5 +1,12 @@
 import defineComponent from '~/web/define-component';
 
+const root = document?.getElementById('app-popup');
+
+if (root) {
+  root.style.width = `${window.innerWidth}px`;
+  root.style.height = `${window.innerHeight}px`;
+}
+
 defineComponent({ baseUrl: import.meta.env.VITE_BASE })
   .then(() => console.info('Web Component defined'))
   .catch(err => console.error('Failed to define component', err));