Fix fullscreen on mobile browsers

ephemeraHQ · Mar 1, 2024 · 5a531c4 · 5a531c4
1 parent 506dd9e
commit 5a531c4
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/component-library/components/Mobile/Mobile.tsx b/src/component-library/components/Mobile/Mobile.tsx
@@ -9,7 +9,7 @@ const LinkEle = ({ url, text }: { url: string; text: string }) => (
 );
 
 export const Mobile = () => (
-  <div className="flex flex-col items-center justify-center h-screen p-8 text-center">
+  <div className="flex flex-col items-center justify-center inset-0 fixed p-8 text-center">
     <div className="flex flex-col w-full items-center">
       <img src="/xmtp-icon.png" alt="XMTP logo" className="h-24 w-24 mb-4" />
       <h1 className="text-3xl font-bold">Looks like you&apos;re on mobile!</h1>