chore(web): mobile layout

atty303 · May 31, 2024 · 4679ab8 · 4679ab8
1 parent 16f2627
commit 4679ab8
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/packages/web/src/App.tsx b/packages/web/src/App.tsx
@@ -17,8 +17,11 @@ export default function App() {
 
   return (
     <>
-      <div className="grid grid-cols-1 grid-rows-[auto_1fr] min-h-screen">
-        <Header version={version} onVersionChange={setVersion} title={title} />
+      <div className="grid min-h-screen 2xl:hidden">
+        <PobWindow onFrame={handleFrame} version={version} onTitleChange={setTitle}/>
+      </div>
+      <div className="hidden 2xl:grid grid-cols-1 grid-rows-[auto_1fr] min-h-screen">
+        <Header version={version} onVersionChange={setVersion} title={title}/>
 
         <div className="border-y border-neutral-content">
           <PobWindow onFrame={handleFrame} version={version} onTitleChange={setTitle} />