brandon/uiowaATR
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

make nav bar sticky

Browse Source
This commit is contained in:
Brandon Egger 2023-04-10 12:04:00 -05:00
parent 13dbec8677
commit c34d919f02
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Header.tsx
View File

@ -59,7 +59,7 @@ const NavBar = () => {
] ]
return ( return (
<nav className="border-b border-neutral-400 bg-gradient-to-b from-amber-300 to-amber-300 w-full shadow-black drop-shadow-md"> <nav className="sticky top-0 z-50 border-b border-neutral-400 bg-gradient-to-b from-amber-300 to-amber-300 w-full shadow-black drop-shadow-md">
<li className="mx-auto max-w-5xl flex flex-row sm:justify-between px-4"> <li className="mx-auto max-w-5xl flex flex-row sm:justify-between px-4">
<ul id="left-nav-links" className="flex flex-row space-x-10"> <ul id="left-nav-links" className="flex flex-row space-x-10">
<NavBarLink href='/' label='Home'/> <NavBarLink href='/' label='Home'/>
@ -77,7 +77,7 @@ const NavBar = () => {
const Header: NextPage = () => { const Header: NextPage = () => {
return <> return <>
<div id="logo-row" className="flex flex-row p-4 justify-center border-b border-yellow bg-neutral-800 z-50 drop-shadow-xl"> <div id="logo-row" className="flex flex-row p-4 justify-center border-b border-yellow bg-neutral-800 drop-shadow-xl">
<div> <div>
<Image alt="Ear listening" src="/listening-ear.svg" width={64} height={64}/> <Image alt="Ear listening" src="/listening-ear.svg" width={64} height={64}/>
</div> </div>