Minor tweaks ui

zeikar · Dec 27, 2023 · a8e1802 · a8e1802
1 parent 10073ab
commit a8e1802
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/pages/content/components/Demo/app.tsx b/src/pages/content/components/Demo/app.tsx
@@ -3,10 +3,14 @@ import IFrame from "../iframe";
 import Header from "./header";
 
 export default function App() {
+  const [iframeRendered, setIframeRendered] = useState(false);
   const [shown, setShown] = useState(false);
   const [url, setUrl] = useState("");
 
   function updatePage(url) {
+    if (!iframeRendered) {
+      setIframeRendered(true);
+    }
     setShown((prevShown) => !prevShown);
     setUrl(url);
   }
@@ -35,7 +39,7 @@ export default function App() {
   return (
     <div className={`commentarium-view ${shown ? "open" : ""}`}>
       <Header onClick={() => setShown(false)} />
-      <IFrame url={url} />
+      {iframeRendered && <IFrame url={url} />}
     </div>
   );
 }
diff --git a/src/pages/content/style.scss b/src/pages/content/style.scss
@@ -62,7 +62,8 @@
   flex-direction: row;
   justify-content: space-between;
   width: 100%;
-  padding: 8px;
+  max-width: 100%;
+  padding: 0.5rem 0rem;
   border-bottom: 1px solid #ccc;
 }
 
@@ -71,6 +72,7 @@
   border: none;
   cursor: pointer;
   outline: none;
+  padding-left: 0.5rem;
   width: 30px;
   height: 30px;
 }