Update SidebarLayout.js

arghyaxcodes · arghyaxcodes · commit b106f37dcef0 · 2021-12-10T16:58:17.000+05:30
diff --git a/src/layouts/SidebarLayout.js b/src/layouts/SidebarLayout.js
@@ -57,7 +57,7 @@ function Nav({ nav, children, fallbackHref }) {
       ref={scrollRef}
       className="px-1 pt-6 overflow-y-auto font-medium text-base sm:px-3 xl:px-5 lg:text-sm pb-10 lg:pt-6 lg:pb-14 sticky?lg:h-(screen-18) bg-white dark:bg-gray-900"
     >
-      <div className="relative flex mb-8 px-3 lg:hidden">
+      <div className="relative flex mb-8 px-3 lg:hidden text-black dark:text-white">
         <Logo className="w-auto h-10" />
       </div>
       <ul>
@@ -116,7 +116,8 @@ const TopLevelAnchor = forwardRef(
             'flex items-center px-3 hover:text-gray-900 dark:hover:text-white dark:text-gray-400 transition-colors duration-200',
             className,
             {
-              'text-gray-900 dark:text-white': isActive,
+              'text-gray-900': isActive,
+              'dark:text-gray-50': isActive,
             }
           )}
         >
@@ -284,7 +285,7 @@ export function SidebarLayout({ children, navIsOpen, setNavIsOpen, nav, sidebar,
             <div
               id="navWrapper"
               onClick={(e) => e.stopPropagation()}
-              className="h-full overflow-y-auto scrolling-touch lg:h-auto lg:block lg:relative lg:sticky lg:bg-transparent overflow-hidden lg:top-18 bg-white mr-24 lg:mr-0"
+              className="h-full overflow-y-auto scrolling-touch lg:h-auto lg:block lg:relative lg:sticky lg:bg-transparent overflow-hidden lg:top-18 bg-white dark:bg-gray-900 mr-24 lg:mr-0"
             >
               <Nav nav={nav} fallbackHref={fallbackHref}>
                 {sidebar}

Original file line number	Diff line number	Diff line change
`@@ -57,7 +57,7 @@ function Nav({ nav, children, fallbackHref }) {`
`57`	`57`	`ref={scrollRef}`
`58`	`58`	`className="px-1 pt-6 overflow-y-auto font-medium text-base sm:px-3 xl:px-5 lg:text-sm pb-10 lg:pt-6 lg:pb-14 sticky?lg:h-(screen-18) bg-white dark:bg-gray-900"`
`59`	`59`	`>`
`60`		`- <div className="relative flex mb-8 px-3 lg:hidden">`
	`60`	`+ <div className="relative flex mb-8 px-3 lg:hidden text-black dark:text-white">`
`61`	`61`	`<Logo className="w-auto h-10" />`
`62`	`62`	`</div>`
`63`	`63`	`<ul>`
`@@ -116,7 +116,8 @@ const TopLevelAnchor = forwardRef(`
`116`	`116`	`'flex items-center px-3 hover:text-gray-900 dark:hover:text-white dark:text-gray-400 transition-colors duration-200',`
`117`	`117`	`className,`
`118`	`118`	`{`
`119`		`- 'text-gray-900 dark:text-white': isActive,`
	`119`	`+ 'text-gray-900': isActive,`
	`120`	`+ 'dark:text-gray-50': isActive,`
`120`	`121`	`}`
`121`	`122`	`)}`
`122`	`123`	`>`
`@@ -284,7 +285,7 @@ export function SidebarLayout({ children, navIsOpen, setNavIsOpen, nav, sidebar,`
`284`	`285`	`<div`
`285`	`286`	`id="navWrapper"`
`286`	`287`	`onClick={(e) => e.stopPropagation()}`
`287`		`- className="h-full overflow-y-auto scrolling-touch lg:h-auto lg:block lg:relative lg:sticky lg:bg-transparent overflow-hidden lg:top-18 bg-white mr-24 lg:mr-0"`
	`288`	`+ className="h-full overflow-y-auto scrolling-touch lg:h-auto lg:block lg:relative lg:sticky lg:bg-transparent overflow-hidden lg:top-18 bg-white dark:bg-gray-900 mr-24 lg:mr-0"`
`288`	`289`	`>`
`289`	`290`	`<Nav nav={nav} fallbackHref={fallbackHref}>`
`290`	`291`	`{sidebar}`