diff --git a/src/app/(frontend)/styles.css b/src/app/(frontend)/styles.css index fdea189..f7241bd 100644 --- a/src/app/(frontend)/styles.css +++ b/src/app/(frontend)/styles.css @@ -1748,37 +1748,12 @@ white-space: nowrap; } -.poker-seat-commit-chip { - position: relative; - display: inline-block; - width: 1.1rem; - height: 0.72rem; - border: 1px solid #d6b36a; - border-radius: 50%; - background: var(--poker-chip-clay); - box-shadow: 0 0.12rem 0 rgb(0 0 0 / 35%); - transform: rotate(-8deg); -} - -.poker-seat-commit-chip::before, -.poker-seat-commit-chip::after { - position: absolute; - left: -0.05rem; - width: 1.1rem; - height: 0.72rem; - border: 1px solid color-mix(in srgb, #d6b36a 85%, white); - border-radius: 50%; - content: ""; -} - -.poker-seat-commit-chip::before { - top: -0.2rem; - background: color-mix(in srgb, var(--poker-chip-clay) 82%, white); -} - -.poker-seat-commit-chip::after { - top: -0.4rem; - background: color-mix(in srgb, var(--poker-chip-clay) 72%, var(--poker-trim)); +.poker-seat-commit-label { + color: rgb(255 255 255 / 55%); + font-size: 0.65rem; + font-weight: 500; + letter-spacing: 0.16em; + text-transform: uppercase; } .poker-seat-arc-left .poker-seat-commit { @@ -1884,6 +1859,14 @@ 0 0.25rem 0.5rem rgb(0 0 0 / 24%); } +/* Big pots break down into up to seven denomination piles; let the pile row + wrap so the plaque can never outgrow the center block on narrow felts. */ +.poker-pot-plaque .bj-chip-stack { + max-width: 100%; + justify-content: center; + flex-wrap: wrap; +} + .poker-pot-plaque .poker-console-kicker { color: #f3d28b; } diff --git a/src/components/frontend/minigames/poker/PokerActionConsole.tsx b/src/components/frontend/minigames/poker/PokerActionConsole.tsx index cc04298..af1ac38 100644 --- a/src/components/frontend/minigames/poker/PokerActionConsole.tsx +++ b/src/components/frontend/minigames/poker/PokerActionConsole.tsx @@ -6,6 +6,7 @@ import type { PublicPlayerView } from "@/lib/minigames/poker"; import type { PokerSnapshot } from "@/app/(frontend)/minigames/poker/actions"; import { Badge } from "@/components/ui/badge"; import { Button } from "@/components/ui/button"; +import { BlackjackChipStack as ChipStack } from "../blackjack/BlackjackChipStack"; import { PokerClock } from "./PokerClock"; type SeatedSnapshot = PokerSnapshot & { @@ -181,7 +182,11 @@ export function PokerActionConsole({
{!spectator && (
-