[Style] Converting the SCSS into tailwind CSS of Chatbot

[payalgupta25]

What's the style idea?

We need to improve the color palette , add content of what we are and other relevant stuff , we need to add some images too

Checklist

• I have checked the existing issues.
• I follow Contributing Guidelines of this project.
• I am a SWOC'25 contributor.
• I am a KWOC'24 contributor.

Code of Conduct

• I agree to follow this project's "Code of Conduct".

[AdityaBavadekar]

Hey @payalgupta25, Welcome to 💖TelMedSphere !!!! Thank you for your interest, your issue seems fine.
Can you give more details about what changes you want to do?

Also for any query and updates, join our discord server (link is README)

[PratikMane0112]

Hey @payalgupta25, please proceed . Change the chatbot styling from scss to tailwind !!!!

[PratikMane0112]

Currently this enhancement is very serious, refer - #64

[payalgupta25]

Why is the chatbot.scss empty? @PratikMane0112

I'm sorry but it would take a one time effort, then ek baar smjh aa gya toh saare easily ho jyenge
so there exists scss file for all components and pages and corresponding to them there is a .jsx file and what i figured i need to do is that i have to add tailwind in react files according to scss file ?

[payalgupta25]

@PratikMane0112 Login/Logout functionality is not working i guess, i m not able to see anything except home page so couldn't see searchbar and stuff

[PratikMane0112]

Why is the chatbot.scss empty? @PratikMane0112

• Yes, @payalgupta25 I see, the chatbot is integrated with "@chatscope/chat-ui-kit-react" library, I think that you want to add some Style to it with tailwind, so I assigned you. I think one of PR has deleted the when i was on leave, so sorry for inconvenience. If you want you can some styling to chatbot in tailwind or can take other page or components to contribute

[PratikMane0112]

I'm sorry but it would take a one time effort, then ek baar smjh aa gya toh saare easily ho jyenge so there exists scss file for all components and pages and corresponding to them there is a .jsx file and what i figured i need to do is that i have to add tailwind in react files according to scss file ?

Yes I understood your concern @payalgupta25 & also you got it about websites current situation about styling, but times it takes time to convert. as some page or components has nesteded css classes.
For you it is fine, because you have much knowledge about tailwind, but some new contributors get to know about tailwind importance over css or scss . And also it is in demand css framework. So, to convert this whole sccs files into tailwind will be remembering contributions for project. So, that is why the issue is created.

[PratikMane0112]

BTW, you can join our discord & ask these questions there & also the resources channel contains guide about the .env files

[PratikMane0112]

I hope that I have clear your doubt but still something then feel free to ask

[PratikMane0112]

@PratikMane0112 Login/Logout functionality is not working i guess, i m not able to see anything except home page so couldn't see searchbar and stuff

Are you talking about your local or deployed repo, because its working fine

• On deployed try out with test accounts
• On local, please did you run the flask server or setup .env files properly