fix: correct popup styles and adjust size

yosevu · Aug 12, 2024 · 234d72e · 234d72e
1 parent 2e204a7
commit 234d72e
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -2,9 +2,9 @@ import Logo from "./Logo";
 
 function App() {
   return (
-    <div className="w-92 text-center">
-      <header className="bg-gray-800 min-h-screen flex flex-col items-center justify-center text-2xl text-white">
-        <Logo className="h-40 pointer-events-none animate-spin-slow" id="App-logo" title="React logo" />
+    <div className="w-[400px] h-[500px] text-center">
+      <header className="bg-gray-800 w-full h-full flex flex-col items-center justify-center text-2xl text-white">
+        <Logo className="h-[40vmin] pointer-events-none animate-spin-slow" id="App-logo" title="React logo" />
         <p>Hello, World!</p>
         <p>I'm a Chrome Extension Popup!</p>
       </header>