-
Notifications
You must be signed in to change notification settings - Fork 39
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
bug: Incorrect Alignment of Radio Buttons in Dashboard #157
Comments
I would like to take it up! |
Go Ahead @Abhishek-90 |
Hello Arindam, I propose converting the design from Figma to Tailwind CSS to ensure consistency and achieve a better UI implementation. I am willing to take on this task. Looking forward to your feedback! Best regards, |
Hey @Abhishek-90 Are you still working on this? |
The Error is due to MUI classes Overwriting the tailwind classes. |
Please assign me the task so thai i can help |
Yes @Arindam200 , I was otherwise involved with office work last week, will get it done by friday. Sorry for delay. |
Description
The radio buttons in the Dashboard are not aligned correctly. This issue appears to be caused by Tailwind CSS classes being overwritten by Material-UI CSS classes.
Steps to Reproduce
Expected Behavior
The radio buttons should be properly aligned as per the Tailwind CSS specifications.
![image](https://private-user-images.githubusercontent.com/109217591/339337814-3c72527d-ca49-4f3d-8cf8-c2f669f2bf2f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkzNjE1MDMsIm5iZiI6MTcxOTM2MTIwMywicGF0aCI6Ii8xMDkyMTc1OTEvMzM5MzM3ODE0LTNjNzI1MjdkLWNhNDktNGYzZC04Y2Y4LWMyZjY2OWYyYmYyZi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyNlQwMDIwMDNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1mZGI4OTI3Zjc1ZmE4YzAwMGUwY2UzZmI2NDk2YmU4MmVkYTQxOGVmZDlhNmZlMDk1Y2ZiMWYzMThlMDk5NzE1JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.7lMMgJzpPVaZ8p6DbU97lrngdqum3n59jZfWBtgZ9RY)
Actual Behavior
The radio buttons are misaligned due to conflicting CSS classes from Tailwind and Material-UI.
![image](https://private-user-images.githubusercontent.com/109217591/339337080-7ecc5e10-2371-4f5d-a605-39fa27d80ec6.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkzNjE1MDMsIm5iZiI6MTcxOTM2MTIwMywicGF0aCI6Ii8xMDkyMTc1OTEvMzM5MzM3MDgwLTdlY2M1ZTEwLTIzNzEtNGY1ZC1hNjA1LTM5ZmEyN2Q4MGVjNi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyNlQwMDIwMDNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT00YmQ4NmUyZDFjZDJjMGJkZmExNjA1ZDNhNzFmZGQzZDJlMzAwOTlmMmIyN2ZmNDlhMzY3YTQ4MWRiZWY3Mzc3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.olck_Fk2NXOeroqgjYTbCwnNBg3-6-gglsJmd4JlfM0)
Possible Solution
Investigate the CSS class conflicts between Tailwind and Material-UI and ensure that Tailwind classes are not being overwritten.
The text was updated successfully, but these errors were encountered: