From 4679ab8975c508f98c5cfb3aa22ebc9d415c5d38 Mon Sep 17 00:00:00 2001
From: Koji AGAWA <atty303@gmail.com>
Date: Fri, 31 May 2024 09:34:17 +0900
Subject: [PATCH] chore(web): mobile layout

---
 packages/web/src/App.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/App.tsx b/packages/web/src/App.tsx
index 2cee349..897ae3c 100644
--- 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} />