Skip to content
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

Open
Arindam200 opened this issue Jun 13, 2024 · 7 comments
Open

bug: Incorrect Alignment of Radio Buttons in Dashboard #157

Arindam200 opened this issue Jun 13, 2024 · 7 comments
Assignees
Labels
bug Something isn't working good first issue Good for newcomers help wanted Extra attention is needed UI/UX

Comments

@Arindam200
Copy link
Owner

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

  1. Navigate to the Dashboard.
  2. Observe the alignment of the radio buttons.

Expected Behavior

The radio buttons should be properly aligned as per the Tailwind CSS specifications.
image

Actual Behavior

The radio buttons are misaligned due to conflicting CSS classes from Tailwind and Material-UI.
image

Possible Solution

Investigate the CSS class conflicts between Tailwind and Material-UI and ensure that Tailwind classes are not being overwritten.

@Arindam200 Arindam200 added bug Something isn't working help wanted Extra attention is needed good first issue Good for newcomers UI/UX labels Jun 13, 2024
@Abhishek-90
Copy link

I would like to take it up!

@Arindam200
Copy link
Owner Author

Go Ahead @Abhishek-90

@Avinashshiyani
Copy link

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,
Avinash

@Arindam200
Copy link
Owner Author

Hey @Abhishek-90 Are you still working on this?

@Arindam200
Copy link
Owner Author

Arindam200 commented Jun 24, 2024

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, Avinash

The Error is due to MUI classes Overwriting the tailwind classes.

@Avinashshiyani
Copy link

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, Avinash

The Error is due to MUI classes Overwriting the tailwind classes.

Please assign me the task so thai i can help

@Abhishek-90
Copy link

Hey @Abhishek-90 Are you still working on this?

Yes @Arindam200 , I was otherwise involved with office work last week, will get it done by friday. Sorry for delay.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working good first issue Good for newcomers help wanted Extra attention is needed UI/UX
Projects
None yet
Development

No branches or pull requests

3 participants