Nav Bar correction

components/flow/flow-frame.tsx

@@ -2,12 +2,13 @@
 
 export function FlowFrame() {
   return (
-    <div className="w-full h-[calc(100vh-8rem)]">
+    <div className="h-full w-full">
       <iframe
-        src="https://agilite.slm-lab.net/oidc/login"
+        src="https://lab.slm-lab.net/flow"
-        className="w-full h-full border-none"
+        className="w-full h-full border-0"
-        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+        allow="fullscreen"
-        allowFullScreen
+        title="Flow Dashboard"
+        style={{ display: 'block' }}
       />
     </div>
   );

components/layout/layout-wrapper.tsx

@@ -12,28 +12,41 @@ interface LayoutWrapperProps {
   isAuthenticated: boolean;
 }
 
-export function LayoutWrapper({ children, isSignInPage, isAuthenticated }: LayoutWrapperProps) {
+export function LayoutWrapper({
+  children,
+  isSignInPage,
+  isAuthenticated,
+}: LayoutWrapperProps) {
   const { currentBackground, changeBackground } = useBackgroundImage();
 
+  if (isSignInPage) {
+    return <>{children}</>;
+  }
+
   return (
     <AuthCheck>
-      {!isSignInPage && isAuthenticated && <MainNav />}
+      <div className="min-h-screen bg-black">
-      <div 
+        <nav className="h-20 bg-black/20 px-4">
-        className={isSignInPage ? "" : "min-h-screen"}
+          {!isSignInPage && isAuthenticated && <MainNav />}
-        style={
+        </nav>
-          !isSignInPage ? {
+        <main className="h-[calc(100vh-5rem)]">
-            backgroundImage: `url('${currentBackground}')`,
+          <div 
-            backgroundSize: 'cover',
+            style={
-            backgroundPosition: 'center',
+              {
-            backgroundRepeat: 'no-repeat',
+                backgroundImage: `url('${currentBackground}')`,
-            backgroundAttachment: 'fixed',
+                backgroundSize: 'cover',
-            cursor: 'pointer',
+                backgroundPosition: 'center',
-            transition: 'background-image 0.5s ease-in-out'
+                backgroundRepeat: 'no-repeat',
-          } : {}
+                backgroundAttachment: 'fixed',
-        }
+                cursor: 'pointer',
-        onClick={!isSignInPage ? changeBackground : undefined}
+                transition: 'background-image 0.5s ease-in-out'
-      >
+              }
-        <main>{children}</main>
+            }
+            onClick={!isSignInPage ? changeBackground : undefined}
+          >
+            {children}
+          </div>
+        </main>
       </div>
       {!isSignInPage && isAuthenticated && <Footer />}
       <Toaster />