fixes header alignment

ctate · May 21, 2024 · c7775bd · c7775bd
1 parent 57d9f44
commit c7775bd
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/platforms/web/app/page.tsx b/platforms/web/app/page.tsx
@@ -67,7 +67,7 @@ function Content() {
   }, [cursorVisible]);
 
   return (
-    <AppContextProvider>
+    <>
       <Header />
       <div
         className={classNames(
@@ -193,7 +193,7 @@ function Content() {
         <WebcamSwitcher onSnap={(imageUrl) => setImageUrl(imageUrl)} />
       )}
       <audio ref={audioRef} />
-    </AppContextProvider>
+    </>
   );
 }
 

diff --git a/platforms/web/components/Header.tsx b/platforms/web/components/Header.tsx
@@ -14,7 +14,7 @@ export default function Header() {
   const [showPopover, setShowPopover] = useState(false);
 
   return (
-    <header className="flex justify-center p-4">
+    <header className="fixed flex justify-center p-4 left-0 right-0 top-0">
       <button
         className="flex gap-2 items-center"
         onClick={() => setShowPopover(!showPopover)}