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

Update BottomNav.css #424

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

gautammanak1
Copy link

In this modified code:

The .MuiBottomNavigationAction-root.Mui-selected class adds a bottom border when the item is selected, using border-bottom.

The .Mui-selected class adjusts the font size for selected items. You can customize the font-size value as needed.

Media queries are used to further adjust the font size for different screen widths. You can modify these values based on your design requirements.

Describe the changes you've made

The .MuiBottomNavigationAction-root.Mui-selected class adds a bottom border when the item is selected, using border-bottom.

The .Mui-selected class adjusts the font size for selected items. You can customize the font-size value as needed.

Media queries are used to further adjust the font size for different screen widths. You can modify these values based on your design requirements.

Remember to include this CSS code in your project's stylesheet, and make additional modifications as necessary to achieve the desired appearance for your Bottom Navigation component.

In this modified code:

The .MuiBottomNavigationAction-root.Mui-selected class adds a bottom border when the item is selected, using border-bottom.

The .Mui-selected class adjusts the font size for selected items. You can customize the font-size value as needed.

Media queries are used to further adjust the font size for different screen widths. You can modify these values based on your design requirements.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant