diff --git a/src/app/_components/Gameboard/_subcomponents/PlayerTray/Resources.tsx b/src/app/_components/Gameboard/_subcomponents/PlayerTray/Resources.tsx index 41c645e2..96797083 100644 --- a/src/app/_components/Gameboard/_subcomponents/PlayerTray/Resources.tsx +++ b/src/app/_components/Gameboard/_subcomponents/PlayerTray/Resources.tsx @@ -30,10 +30,11 @@ const Resources: React.FC = ({ transition: 'background-color 0.3s ease', padding: '1rem 2rem', overflow: 'visible', + cursor: 'pointer', '&:hover': { background: - trayPlayer === 'player' - ? 'linear-gradient(to top, white, transparent)' + trayPlayer === connectedPlayer + ? 'rgba(255, 255, 255, 0.1)' : null, }, }, @@ -48,7 +49,6 @@ const Resources: React.FC = ({ justifyContent: 'center', alignItems: 'center', flexDirection: 'row', - cursor: 'pointer', position: 'relative', zIndex: 1, }, diff --git a/src/app/_components/_sharedcomponents/Cards/GameCard.tsx b/src/app/_components/_sharedcomponents/Cards/GameCard.tsx index 35a30555..c41d205d 100644 --- a/src/app/_components/_sharedcomponents/Cards/GameCard.tsx +++ b/src/app/_components/_sharedcomponents/Cards/GameCard.tsx @@ -133,7 +133,7 @@ const GameCard: React.FC = ({ display: 'flex', flexDirection: 'column', alignItems: 'center', - transform: card.exhausted ? 'rotate(4deg)' : 'none', + transform: card.exhausted && card.zone !== 'resource' ? 'rotate(4deg)' : 'none', transition: 'transform 0.15s ease', '&:hover': { cursor: disabled ? 'normal' : 'pointer', @@ -154,7 +154,7 @@ const GameCard: React.FC = ({ position: 'absolute', width: '100%', height: '100%', - backgroundColor: card?.exhausted ? 'rgba(0, 0, 0, 0.5)' : 'transparent', + backgroundColor: card?.exhausted && card.zone !== 'resource' ? 'rgba(0, 0, 0, 0.5)' : 'transparent', filter: 'none', clickEvents: 'none', display: 'flex',