Merge pull request supabase-community#45 from supabase-community/feat/hide-mobile

gregnr · web-flow · commit b87777075a48 · 2024-08-11T20:53:24.000-05:00
feat: hide mobile
diff --git a/apps/postgres-new/components/chat.tsx b/apps/postgres-new/components/chat.tsx
@@ -302,7 +302,7 @@ export default function Chat() {
             {user ? (
               <m.h3
                 layout
-                className="text-2xl font-light"
+                className="text-2xl font-light text-center"
                 variants={{
                   hidden: { opacity: 0, y: 10 },
                   show: { opacity: 1, y: 0 },
diff --git a/apps/postgres-new/components/workspace.tsx b/apps/postgres-new/components/workspace.tsx
@@ -115,7 +115,7 @@ export default function Workspace({
         visibility,
       }}
     >
-      <div className="w-full h-full flex flex-col lg:flex-row gap-8">
+      <div className="w-full h-full hidden lg:flex flex-col lg:flex-row gap-8">
         <IDE className="flex-1 h-full p-3 sm:py-6 sm:pl-6">
           <Chat />
         </IDE>
@@ -125,6 +125,9 @@ export default function Workspace({
           </div>
         )}
       </div>
+      <div className="w-full h-full flex lg:hidden justify-center items-center p-6 text-center">
+        Please connect from a laptop or desktop to use postgres.new.
+      </div>
     </WorkspaceContext.Provider>
   )
 }

Original file line number	Diff line number	Diff line change
`@@ -115,7 +115,7 @@ export default function Workspace({`
`115`	`115`	`visibility,`
`116`	`116`	`}}`
`117`	`117`	`>`
`118`		`- <div className="w-full h-full flex flex-col lg:flex-row gap-8">`
	`118`	`+ <div className="w-full h-full hidden lg:flex flex-col lg:flex-row gap-8">`
`119`	`119`	`<IDE className="flex-1 h-full p-3 sm:py-6 sm:pl-6">`
`120`	`120`	`<Chat />`
`121`	`121`	`</IDE>`
`@@ -125,6 +125,9 @@ export default function Workspace({`
`125`	`125`	`</div>`
`126`	`126`	`)}`
`127`	`127`	`</div>`
	`128`	`+ <div className="w-full h-full flex lg:hidden justify-center items-center p-6 text-center">`
	`129`	`+ Please connect from a laptop or desktop to use postgres.new.`
	`130`	`+ </div>`
`128`	`131`	`</WorkspaceContext.Provider>`
`129`	`132`	`)`
`130`	`133`	`}`