Hide to stop thrashing on first load

Author: jdevdevdev

src/app/bigtextconfig/page.module.css

@@ -11,7 +11,6 @@
 .page {
   font-family: var(--font-geist-mono);
 }
-
 .BigTextConfig {
   display: flex;
   flex-direction: column;
@@ -28,7 +27,9 @@
     ". . ."
     ". delete .";
 }
-
+.hidden {
+  display: none;
+}
 .BigTextConfig--qr {
   grid-area: qr;
 }

src/app/bigtextconfig/page.tsx

@@ -13,7 +13,7 @@ export default function Page() {
   const [orientation, setOrientation] = useState<"horizontal" | "vertical" | undefined>("horizontal");
   const [isFullscreen, setFullscreen] = useState(false);
   return (<div className={styles.page}>
-    <div className={styles.BigTextConfig}>
+    <div className={[styles.BigTextConfig, isFullscreen ? styles.hidden : undefined].filter(item => item).join(" ")}>
       <LargeTextInputComponent
         value={text}
         onChange={(data: string) => {