From 491d55001a2583230977fe0a3d8d47323c8b3753 Mon Sep 17 00:00:00 2001
From: GAUTAM MANAK <106014185+GAUTAMMANAK1@users.noreply.github.com>
Date: Fri, 29 Sep 2023 02:26:39 +0530
Subject: [PATCH] Update BottomNav.css

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.
---
 src/layouts/MainLayout/BottomNav.css | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/layouts/MainLayout/BottomNav.css b/src/layouts/MainLayout/BottomNav.css
index 7c70d90d..fa1c93c6 100644
--- a/src/layouts/MainLayout/BottomNav.css
+++ b/src/layouts/MainLayout/BottomNav.css
@@ -1,11 +1,14 @@
+/* Add a border-bottom when the item is selected */
 .MuiBottomNavigationAction-root.Mui-selected {
   border-bottom: 2px solid #3949ab;
 }
 
+/* Customize the font size for selected items */
 .Mui-selected {
   font-size: 0.8rem !important;
 }
 
+/* Adjust font size for smaller screens */
 @media screen and (max-width: 361px) and (min-width: 360px) {
   .Mui-selected {
     font-size: 0.77rem !important;
@@ -29,8 +32,3 @@
     font-size: 0.6rem !important;
   }
 }
-
-
-/* .MuiPaper-root .MuiAppBar-root .MuiAppBar-positionFixed .MuiAppBar-colorPrimary .mui-fixed{
-  transition: cubic-bezier(0, 0, 0.2, 1)  ;
-} */
\ No newline at end of file