i/next-ai-draw-io
1
0
Fork 0
mirror of https://github.com/DayuanJiang/next-ai-draw-io.git synced 2026-01-03 23:02:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #13 from DayuanJiang/fix/resize

Browse Source 
fix: Preserve state when resizing window to mobile size
This commit is contained in:
Dayuan Jiang
2025-11-17 18:59:07 +09:00
committed by GitHub
parent 7518285e98 aa330f74b3
commit 60f4694752
1 changed files with 12 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/page.tsx
View File

@@ -40,20 +40,19 @@ export default function Home() {
}; };
}, []); }, []);
if (isMobile) {
return ( return (
<div className="flex items-center justify-center h-screen bg-gray-100"> <div className="flex h-screen bg-gray-100 relative">
{/* Mobile warning overlay - keeps components mounted */}
{isMobile && (
<div className="absolute inset-0 z-50 flex items-center justify-center bg-gray-100">
<div className="text-center p-8"> <div className="text-center p-8">
<h1 className="text-2xl font-semibold text-gray-800"> <h1 className="text-2xl font-semibold text-gray-800">
Please open this application on a desktop or laptop Please open this application on a desktop or laptop
</h1> </h1>
</div> </div>
</div> </div>
); )}
}
return (
<div className="flex h-screen bg-gray-100">
<div className={`${isChatVisible ? 'w-2/3' : 'w-full'} p-1 h-full relative transition-all duration-300 ease-in-out`}> <div className={`${isChatVisible ? 'w-2/3' : 'w-full'} p-1 h-full relative transition-all duration-300 ease-in-out`}>
<DrawIoEmbed <DrawIoEmbed
ref={drawioRef} ref={drawioRef}