Updated Landing page UI and fixed UI in room page

[0xMishra]

Updated Landing page UI and fixed UI in room page #16

Title : Enhancing the UI of the landing page and fixing UI in room page

Issue No. : 16

Code Stack : .jsx

Close #16

Video/Screenshots (mandatory)

The Updated UI of landing page in desktop and mobile view

Now in the room page you can see that there is no scrollbar in the chatbox component

The canvas components have dotted borders and appropriate amount of space on the screen

Checklist:

• [X] I have mentioned the issue number in my Pull Request.
• [X] I have commented my code, particularly in hard-to-understand areas
• [X] I have gone through the contributing.md file before contributing

  Additional context (Mandatory ) Updated the UI of landing page to fit the colorscheme of the site. Fixed some minor UI bugs in the room page like the width allocation for the canvas and toolbar components and the scrollbar removal in chat box component

Are you contributing under any Open-source programme? Contributing under JWOC

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
slate-ai	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 19, 2024 0:34am

[sd012gfhkhhvh]

@mishra811 the text area is still overflowing. and in mobile view its even more horible. Try to give all the components of the chatbox a height and max-height w.r.t the parent div(you can use % instade of px or rem.) And keep the send button just right to the text area.

[0xMishra]

It was working fine locally when I changed it. Let me look into it

[0xMishra]

Is it ok now ?

[sd012gfhkhhvh]

Is it ok now ?

It's looking good, I will merge after review

[sd012gfhkhhvh]

issue #16 has been resolved and merged into dev