Merge pull request #58 from javaistic/Update-Sidebar

arghyaxcodes · web-flow · commit a2be594e1a2e · 2021-12-07T04:16:32.000+05:30
Update SidebarLayout.js
diff --git a/src/layouts/SidebarLayout.js b/src/layouts/SidebarLayout.js
@@ -55,7 +55,7 @@ function Nav({ nav, children, fallbackHref }) {
     <nav
       id="nav"
       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-10 lg:pb-14 sticky?lg:h-(screen-18)"
+      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)"
     >
       <div className="relative flex mb-8 px-3 lg:hidden">
         <Logo className="w-auto h-10" />
@@ -241,7 +241,7 @@ function TopLevelNav() {
           </>
         }
       >
-        News
+        Practice
       </TopLevelLink>
       <TopLevelLink
         href="/brand"
@@ -286,7 +286,6 @@ export function SidebarLayout({ children, navIsOpen, setNavIsOpen, nav, sidebar,
               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"
             >
-              <div className="hidden lg:block h-12 pointer-events-none absolute inset-x-0 z-10 bg-gradient-to-b from-white" />
               <Nav nav={nav} fallbackHref={fallbackHref}>
                 {sidebar}
               </Nav>

Original file line number	Diff line number	Diff line change
`@@ -55,7 +55,7 @@ function Nav({ nav, children, fallbackHref }) {`
`55`	`55`	`<nav`
`56`	`56`	`id="nav"`
`57`	`57`	`ref={scrollRef}`
`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-10 lg:pb-14 sticky?lg:h-(screen-18)"`
	`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)"`
`59`	`59`	`>`
`60`	`60`	`<div className="relative flex mb-8 px-3 lg:hidden">`
`61`	`61`	`<Logo className="w-auto h-10" />`
`@@ -241,7 +241,7 @@ function TopLevelNav() {`
`241`	`241`	`</>`
`242`	`242`	`}`
`243`	`243`	`>`
`244`		`- News`
	`244`	`+ Practice`
`245`	`245`	`</TopLevelLink>`
`246`	`246`	`<TopLevelLink`
`247`	`247`	`href="/brand"`
`@@ -286,7 +286,6 @@ export function SidebarLayout({ children, navIsOpen, setNavIsOpen, nav, sidebar,`
`286`	`286`	`onClick={(e) => e.stopPropagation()}`
`287`	`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`	`288`	`>`
`289`		`- <div className="hidden lg:block h-12 pointer-events-none absolute inset-x-0 z-10 bg-gradient-to-b from-white" />`
`290`	`289`	`<Nav nav={nav} fallbackHref={fallbackHref}>`
`291`	`290`	`{sidebar}`
`292`	`291`	`</Nav>`