ParisNeo/lollms-webui

UI does not work on mobile devices

okkebal opened this issue · 2 comments

okkebal commented

Expected Behavior

I expect the discussions bar to be in a responsive grid so the actual chat is displayed below the discussion list on a mobile device. Now the chat itself is invisible on a mobile device and you can only see the different discussion subjects. The top tabs menu is also not displayed on a mobile device totally crippeling the experience.

Current Behavior

No responsive grid: teh actual chat is invisible on mobile devices in portait mode. For the tabs a hamburger-menu sould appear that can be expanded to show the tabs.

Steps to Reproduce

Open webui on your phone

Possible Solution

https://www.npmjs.com/package/vue-grid-responsive
Use Vue Grid responsive to create a grid around the left side panel and the main chat. Make it sm12 sothat the columns will appear under each other on a mobile device.

Context

I tried to fix this myself but Ive never used vue.js.

Screenshots

If applicable, add screenshots to help explain the issue.

okkebal commented

I've fixed it on my computer. Problem is There are so many commits in the last coulple of hours. I cant figure out the merge conflicts. I give up