functionality for fixed navbar

2024-07-25 01:52:13 -04:00
parent 947d3a0fa7
commit d1daf73bff
6 changed files with 33 additions and 13 deletions
@@ -7,8 +7,13 @@ import ThemeSwitch from './ThemeSwitch'
 import SearchButton from './SearchButton'

 const Header = () => {
+  let headerClass = "flex items-center bg-white dark:bg-gray-950 justify-between py-10"
+  if (siteMetadata.stickyNav){
+    headerClass += " sticky top-0"
+  }
+
  return (
-    <header className="flex items-center justify-between py-10">
+    <header className={headerClass}>
      <div>
        <Link href="/" aria-label={siteMetadata.headerTitle}>
          <div className="flex items-center justify-between">