@@ -37,42 +37,42 @@ export default function SideNav() {
3737
3838 return (
3939 < nav className = "p-4 min-h-max z-50" >
40- < ul className = "inset-2 rounded-lg bg-opacity-10 " >
40+ < ul className = "inset-2 rounded-lg bg-opacity-50 " >
4141 < li className = "navButton mb-2 rounded-lg`" >
4242 < Link href = "/" title = { "Search for current Yu-Gi-Oh! card prices" } passHref >
43- < span className = "rounded-xs block w-full text-left p-2 text-white bg-clip-padding border border-zinc-600 font-semibold backdrop-opacity-90 backdrop-blur-md hover:bg-zinc-400 bg-gradient-to-tr to-neutral-400 from-purple-800 hover:text-white" >
43+ < span className = "rounded-none block w-full text-left p-2 text-white bg-clip-padding border border-zinc-600 font-semibold backdrop-opacity-90 backdrop-blur-md hover:bg-zinc-400 bg-gradient-to-tr to-neutral-400 from-purple-800 hover:text-white" >
4444 Yu-Gi-Oh! Card Prices
4545 </ span >
4646 </ Link >
4747 </ li >
4848
4949 < li className = "navButton mb-2 rounded-lg`" >
5050 < Link href = "/yugioh/sets/set-index" title = { "Browse Yu-Gi-Oh! sets" } passHref >
51- < span className = "rounded-xs block w-full text-left p-2 text-white bg-clip-padding border border-zinc-600 font-semibold backdrop-opacity-90 backdrop-blur-md hover:bg-zinc-400 bg-gradient-to-tr to-neutral-400 from-purple-800 hover:text-white" >
51+ < span className = "rounded-none block w-full text-left p-2 text-white bg-clip-padding border border-zinc-600 font-semibold backdrop-opacity-90 backdrop-blur-md hover:bg-zinc-400 bg-gradient-to-tr to-neutral-400 from-purple-800 hover:text-white" >
5252 Browse Yu-Gi-Oh! Sets
5353 </ span >
5454 </ Link >
5555 </ li >
5656
5757 < li className = "navButton mb-2 rounded-lg`" >
5858 < Link href = "/yugioh/deck-builder" title = { "Build and test decks" } passHref >
59- < span className = "rounded-xs block w-full text-left p-2 text-white bg-clip-padding border border-zinc-600 font-semibold backdrop-opacity-90 backdrop-blur-md hover:bg-zinc-400 bg-gradient-to-tr to-neutral-400 from-purple-800 hover:text-white" >
59+ < span className = "rounded-none block w-full text-left p-2 text-white bg-clip-padding border border-zinc-600 font-semibold backdrop-opacity-90 backdrop-blur-md hover:bg-zinc-400 bg-gradient-to-tr to-neutral-400 from-purple-800 hover:text-white" >
6060 Yu-Gi-Oh! Deck Builder
6161 </ span >
6262 </ Link >
6363 </ li >
6464
6565 < li className = "navButton mb-2 rounded-lg`" >
6666 < Link href = "/sports" title = { "Get current sports card prices" } passHref >
67- < span className = "rounded-xs block w-full text-left p-2 text-white bg-clip-padding border border-zinc-600 font-semibold backdrop-opacity-90 backdrop-blur-md hover:bg-zinc-400 bg-gradient-to-tr to-neutral-400 from-purple-800 hover:text-white" >
67+ < span className = "rounded-none block w-full text-left p-2 text-white bg-clip-padding border border-zinc-600 font-semibold backdrop-opacity-90 backdrop-blur-md hover:bg-zinc-400 bg-gradient-to-tr to-neutral-400 from-purple-800 hover:text-white" >
6868 Sports Card Prices
6969 </ span >
7070 </ Link >
7171 </ li >
7272
73- < li className = "navButton mb-2 rounded" >
73+ < li className = "navButton mb-2 rounded-lg " >
7474 < Link href = "/yugioh" title = { "View your saved cards" } passHref >
75- < span className = "rounded block w-full text-left p-2 text-white bg-clip-padding border border-zinc-600 font-semibold backdrop-opacity-90 backdrop-blur-md hover:bg-zinc-400 bg-gradient-to-tr to-neutral-400 from-purple-800 hover:text-white" >
75+ < span className = "rounded-none block w-full text-left p-2 text-white bg-clip-padding border border-zinc-600 font-semibold backdrop-opacity-90 backdrop-blur-md hover:bg-zinc-400 bg-gradient-to-tr to-neutral-400 from-purple-800 hover:text-white" >
7676 My Collection
7777 </ span >
7878 </ Link >
@@ -90,8 +90,8 @@ export default function SideNav() {
9090 </ li >
9191 ) }
9292 { ! isAuthenticated && (
93- < div className = "navButton w-full" >
94- < button className = "mt-4 rounded block w-full text-left p-2 bg-clip-padding border border-zinc-600 font-semibold backdrop-opacity-90 backdrop-blur-md bg-gradient-to-tr from-red -900 to-purple -600" >
93+ < div className = "w-full" >
94+ < button className = "mt-4 rounded block w-full text-left p-2 bg-clip-padding bg-zinc-800 border border-zinc-600 hover:transition-transform hover:ease-in-out hover:duration-700 font-semibold backdrop-opacity-90 backdrop-blur-md hover: bg-gradient-to-tr hover: from-purple -900 hover: to-green -600" >
9595 < Link
9696 href = "/login"
9797 title = { "Log in" }
0 commit comments