amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-24 20:53:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

add hover states to nav

Browse Source
This commit is contained in:
Dan Lebo
2023-02-04 19:52:37 -08:00
parent 792b552799
commit 4ebe5797c2
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
beta/src/components/Layout/TopNav/TopNav.tsx
View File

@@ -254,24 +254,30 @@ export default function TopNav({
<div className="text-base justify-center items-center flex 3xl:flex-1 flex-row 3xl:justify-end">
<div className="ml-2.5 mr-5 hidden lg:flex gap-5">
<div className="block">
<Link href="/learn" className="outline-link p-2 rounded-lg">
<Link
href="/learn"
className="outline-link p-2 rounded-lg hover:bg-card hover:dark:bg-card-dark">
Learn
</Link>
</div>
<div className="block">
<Link
href="/reference/react"
className="outline-link p-2 rounded-lg">
className="outline-link p-2 rounded-lg hover:bg-card hover:dark:bg-card-dark">
Reference
</Link>
</div>
<div className="block">
<Link href="/community" className="outline-link p-2 rounded-lg">
<Link
href="/community"
className="outline-link p-2 rounded-lg hover:bg-card hover:dark:bg-card-dark">
Community
</Link>
</div>
<div className="block">
<Link href="/blog" className="outline-link p-2 rounded-lg">
<Link
href="/blog"
className="outline-link p-2 rounded-lg hover:bg-card hover:dark:bg-card-dark">
Blog
</Link>
</div>