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

style(tabs): add styling to tabs #833

Open
wants to merge 9 commits into
base: master
Choose a base branch
from
Open

Conversation

SAHU-01
Copy link
Contributor

@SAHU-01 SAHU-01 commented Dec 2, 2024

Notes for Reviewers

This PR adds styling to sistent tabs.

image

Signed commits

  • Yes, I signed my commits.

@SAHU-01 SAHU-01 requested a review from sudhanshutech December 3, 2024 06:52
@sudhanshutech
Copy link
Member

@SAHU-01 can you share some screenshot how does it look?

src/base/Tabs/Tabs.tsx Outdated Show resolved Hide resolved
@leecalcote
Copy link
Member

Thanks for this feedback, @sudhanshutech

styleOverrides: {
root: ({ theme }) => ({
backgroundColor: 'transparent',
color: theme.palette.text.primary,
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

do we not have any token to use it in here?

color: theme.palette.text.primary,
'&.Mui-selected': {
backgroundColor: 'transparent',
color: theme.palette.mode === 'dark' ? GRAY : GRAY
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

same here?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sure, I've set it to none. I couldn't find a token that makes it transparent so I updated it to 'none'.

Copy link
Member

@sudhanshutech sudhanshutech left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@SAHU-01 don't use hard code colors names like gray or white instead use tokens

@SAHU-01
Copy link
Contributor Author

SAHU-01 commented Dec 23, 2024

@SAHU-01 don't use hard code colors names like gray or white instead use tokens

Thank you for highlighting I'll add these today and update the PR.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

Successfully merging this pull request may close these issues.

3 participants