xevion/xevion.dev
1
0
Fork 0
mirror of https://github.com/Xevion/xevion.dev.git synced 2025-12-06 01:16:58 -06:00
Code Issues Packages Projects Releases Wiki Activity

Fix navbar hotbox issues via z-index

Browse Source
This commit is contained in:
Xevion
2024-12-30 15:24:40 -06:00
parent 85fb7781fd
commit 9b003a5640
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/index.tsx
View File

@@ -53,7 +53,7 @@ const Home: NextPage<IndexProps> = ({
<AppWrapper className="overflow-x-hidden" dotsClassName="animate-bg"> <AppWrapper className="overflow-x-hidden" dotsClassName="animate-bg">
<div className="flex h-screen w-screen items-center justify-center overflow-hidden"> <div className="flex h-screen w-screen items-center justify-center overflow-hidden">
<div className="flex w-full flex-col items-center justify-start"> <div className="flex w-full flex-col items-center justify-start">
<nav className="animate-fade-in"> <nav className="z-10 animate-fade-in">
<ul className="flex items-center justify-center gap-4"> <ul className="flex items-center justify-center gap-4">
{buttons.map(({ text, href }) => ( {buttons.map(({ text, href }) => (
<Link <Link
@@ -67,7 +67,7 @@ const Home: NextPage<IndexProps> = ({
</ul> </ul>
</nav> </nav>
<div className="animate-glow hidden h-px w-screen animate-fade-left bg-gradient-to-r from-zinc-300/0 via-zinc-300/50 to-zinc-300/0 md:block" /> <div className="animate-glow hidden h-px w-screen animate-fade-left bg-gradient-to-r from-zinc-300/0 via-zinc-300/50 to-zinc-300/0 md:block" />
<h1 className="text-edge-outline font-display z-10 my-3.5 animate-title whitespace-nowrap bg-white bg-clip-text font-hanken text-5xl uppercase text-transparent drop-shadow-extreme duration-1000 sm:text-6xl md:text-9xl lg:text-10xl"> <h1 className="text-edge-outline font-display my-3.5 animate-title select-none whitespace-nowrap bg-white bg-clip-text font-hanken text-5xl uppercase text-transparent drop-shadow-extreme duration-1000 sm:text-6xl md:text-9xl lg:text-10xl">
{title} {title}
</h1> </h1>
<div className="animate-glow hidden h-px w-screen animate-fade-right bg-gradient-to-r from-zinc-300/0 via-zinc-300/50 to-zinc-300/0 md:block" /> <div className="animate-glow hidden h-px w-screen animate-fade-right bg-gradient-to-r from-zinc-300/0 via-zinc-300/50 to-zinc-300/0 md:block" />