From e7334d8a7c506a9e8d26914cd120946c4cc5fc0d Mon Sep 17 00:00:00 2001
From: z0ccc <z0ccc@proton.me>
Date: Mon, 14 Nov 2022 23:52:17 -0500
Subject: [PATCH] Moved popup size to globol.css (body) to fix resize flash
 issue

---
 src/Popup/Pages/UserAgentPage/index.tsx | 1 -
 src/Popup/Popup.tsx                     | 8 ++------
 src/assets/global.css                   | 2 ++
 3 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/Popup/Pages/UserAgentPage/index.tsx b/src/Popup/Pages/UserAgentPage/index.tsx
index e16af29..e126642 100644
--- a/src/Popup/Pages/UserAgentPage/index.tsx
+++ b/src/Popup/Pages/UserAgentPage/index.tsx
@@ -4,7 +4,6 @@ import DebouncedInput from '../../Components/DebouncedInput'
 import userAgents from '../../../utils/userAgents'
 import detachDebugger from '../../../utils/detachDebugger'
 import Page from '../../Components/Page'
-import FooterLink from '../../Components/FooterLink'
 
 interface UserAgentPageProps {
   tab: string
diff --git a/src/Popup/Popup.tsx b/src/Popup/Popup.tsx
index 46e7c1e..dc4c1d2 100644
--- a/src/Popup/Popup.tsx
+++ b/src/Popup/Popup.tsx
@@ -13,14 +13,10 @@ const Popup = () => {
 
   return (
     <ThemeProvider theme={theme}>
-      <Flex
-        sx={{
-          width: '350px',
-          height: '440px',
-        }}
-      >
+      <Flex>
         <Flex
           sx={{
+            height: '100vh',
             minWidth: '36px',
             backgroundColor: 'primary',
             alignItems: 'center',
diff --git a/src/assets/global.css b/src/assets/global.css
index 552f8e9..89ece32 100644
--- a/src/assets/global.css
+++ b/src/assets/global.css
@@ -7,6 +7,8 @@
 body {
   font-family: 'Nunito', Arial, Helvetica, sans-serif;
   font-weight: 500;
+  width: 350px;
+  height: 440px;
 }
 
 input {