thecyberworld/TheCyberHUB

[Responsive-Web] AI Chat | change position of opened left menu

Closed this issue · 6 comments

ArkadiK94 commented

Detailed description

when left menu opens it slides inside the "New Chat" In my opinion, it should be instead.

To Reproduce

Go to AI page
Change to width for mobile/tablet example width 800
Click on orange button to toggle left menu

Expected Behavior

The left menu should be instead of right section - the chat

Screenshot/ Video of the Responsive Problem

Current:
339868729-366a415a-455d-4bd3-9c42-f4e993e42d22

Need to change it.

Code of Conduct

  • I agree to follow this project's Code of Conduct
github-actions commented

It's great having you contribute to this project

🌟 Welcome to the community 🌟

  • If you would like to continue contributing to open source and would like to do it with an awesome inclusive community.
  • You should join our Discord chat and our GitHub Organisation.
  • We help and encourage each other to contribute to open source little and often 😄.
  • Any questions let us know.

GFerreiroS commented

Hi, can i look into it? What do you mean it needs to be right?

GFerreiroS commented

Okay i did understand now, its resolved. Will create a pull request.

  • 👍1
ArkadiK94 commented

@GFerreiroS nope, I will explain. When you click the arrow the left menu slides inside the right menu. You can see it because you still see the header "New Chat".

Change it to be:
When clicking the arrow the left menu will replace the right(side) menu.

GFerreiroS commented

Thanks for the explanation, now should be fixed, just one question do you want to have the same button style?

Screen.Recording.2024-06-30.at.18.34.42.mov
  • 👍1
ArkadiK94 commented

@GFerreiroS I think yes, the same button style.