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

fix: Preserve state when resizing window to mobile size

Browse Source 
Change mobile warning from unmounting components to showing an overlay.
This prevents losing diagram and chat state when window is resized.
This commit is contained in:
dayuan.jiang
2025-11-17 15:18:29 +09:00
parent 7518285e98
commit aa330f74b3
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}