Remove sticky from sidebar

This commit is contained in:
Elio Struyf
2021-09-14 08:51:35 +02:00
parent 27566da617
commit 57623378fb
2 changed files with 3 additions and 2 deletions
+1 -1
View File
@@ -13,7 +13,7 @@ export const Page: React.FunctionComponent<IPageProps> = ({items, page, children
<div className={`mb-6 py-8 w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8`}>
<div className={`lg:flex`}>
<div className={`h-screen sticky top-16 lg:block hidden lg:w-60 xl:w-72`}>
<div className={`h-screen top-16 lg:block hidden lg:w-60 xl:w-72`}>
<Sidebar items={items} />
</div>
+2 -1
View File
@@ -6,9 +6,10 @@ import { Sponsors } from './Sponsors';
export interface ILayoutProps {}
export const Layout: React.FunctionComponent<ILayoutProps> = (props: React.PropsWithChildren<ILayoutProps>) => {
return (
<div className={`flex flex-col h-screen`}>
<header className={`lg:sticky lg:top-0 z-50 bg-vulcan-500 bg-opacity-80 backdrop-blur-lg`}>
<header className={`lg:sticky w-full lg:top-0 z-50 bg-vulcan-500 bg-opacity-80 backdrop-blur-lg`}>
<Navigation />
</header>