depth for card piles

2025-09-02 22:38:04 -04:00
parent 9919b97931
commit 67fdf66cd4
8 changed files with 69 additions and 13 deletions
--- a/pkg/client/src/components/Game.tsx
+++ b/pkg/client/src/components/Game.tsx
@@ -34,7 +34,14 @@ export default () => {
 				hand={view().myHand}
 				onClickCard={(card) => submitAction({ type: "discard", card })}
 			/>
-			<div class="absolute tc text-align-center">
+			<div
+				class="absolute tc text-align-center"
+				style={{
+					"background-color":
+						view().playerTurn == me() ? "var(--yellow)" : "transparent",
+					color: view().playerTurn == me() ? "var(--dark)" : "var(--light)",
+				}}
+			>
 				It's{" "}
 				<span class="font-bold">
 					{view().playerTurn == me()