Mobile Layout: Left Pane width constraints need adjustment

[devin-ai-integration[bot]]

Version Type

Web Version (liambx.com)

Steps to reproduce

1. Open Liam ERD on a mobile device
2. Observe that the Left Pane is very narrow and difficult to use
   • 
3. Try to expand the Left Pane by dragging
4. Notice that it can only be expanded to 30% of the screen width
   • 

Expected Behavior

• The Left Pane should be able to expand to a larger width (up to 100%) on mobile devices
• The default width should be wider (around 90%) on mobile devices to improve usability

Actual Behavior

• The Left Pane is very narrow by default on mobile devices, making it difficult to read table names
• The maximum width is limited to 30% of the screen width, which is too restrictive for mobile layouts

Additional Context

This issue was introduced in PR #806 which added the resizable sidebar functionality. While the PR improved desktop usability, it did not properly account for mobile layouts.

The current implementation in ERDRenderer.tsx has a maxSize constraint of 30%:

For mobile layouts, this constraint should be increased to 100% and the default width should be around 90% to ensure better usability.

[prakha]

looks like a nice issue to work on can i work on this issue??

[MH4GF]

@prakha Go ahead 🚀