jblu/jonbio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

upstream #1

Merged
jblu merged 1007 commits from upstream into main 2024-11-04 22:35:57 -06:00
Conversation 0 Commits 1007 Files Changed 24 +10 -4
3 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 3c948ccdde - Show all commits

2
components/Header.tsx
View File

@ -9,7 +9,7 @@ import SearchButton from './SearchButton'
const Header = () => { const Header = () => {
let headerClass = 'flex items-center w-full bg-white dark:bg-gray-950 justify-between py-10' let headerClass = 'flex items-center w-full bg-white dark:bg-gray-950 justify-between py-10'
if (siteMetadata.stickyNav) { if (siteMetadata.stickyNav) {
headerClass += ' sticky top-0' headerClass += ' sticky top-0 z-50'
} }
return ( return (

7
components/MobileNav.tsx
View File

@ -52,8 +52,9 @@ const MobileNav = () => {
leave="ease-in duration-200" leave="ease-in duration-200"
leaveFrom="opacity-100" leaveFrom="opacity-100"
leaveTo="opacity-0" leaveTo="opacity-0"
unmount={false}
> >
<div className="z-5 fixed inset-0 bg-black/25" /> <div className="fixed inset-0 z-60 bg-black/25" />
</Transition.Child> </Transition.Child>
<Transition.Child <Transition.Child
@ -66,7 +67,7 @@ const MobileNav = () => {
leaveTo="translate-x-full opacity-0" leaveTo="translate-x-full opacity-0"
unmount={false} unmount={false}
> >
<Dialog.Panel className="fixed left-0 top-0 z-10 h-full w-full bg-white opacity-95 duration-300 dark:bg-gray-950 dark:opacity-[0.98]"> <Dialog.Panel className="fixed left-0 top-0 z-70 h-full w-full bg-white opacity-95 duration-300 dark:bg-gray-950 dark:opacity-[0.98]">
<nav <nav
ref={navRef} ref={navRef}
className="mt-8 flex h-full basis-0 flex-col items-start overflow-y-auto pl-12 pt-2 text-left" className="mt-8 flex h-full basis-0 flex-col items-start overflow-y-auto pl-12 pt-2 text-left"
@ -84,7 +85,7 @@ const MobileNav = () => {
</nav> </nav>
<button <button
className="fixed right-4 top-7 z-20 h-16 w-16 p-4 text-gray-900 hover:text-primary-500 dark:text-gray-100 dark:hover:text-primary-400" className="fixed right-4 top-7 z-80 h-16 w-16 p-4 text-gray-900 hover:text-primary-500 dark:text-gray-100 dark:hover:text-primary-400"
aria-label="Toggle Menu" aria-label="Toggle Menu"
onClick={onToggleNav} onClick={onToggleNav}
> >

5
tailwind.config.js
View File

@ -28,6 +28,11 @@ module.exports = {
primary: colors.pink, primary: colors.pink,
gray: colors.gray, gray: colors.gray,
}, },
zIndex: {
60: '60',
70: '70',
80: '80',
},
typography: ({ theme }) => ({ typography: ({ theme }) => ({
DEFAULT: { DEFAULT: {
css: { css: {