Fretux/Gambling_API
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

try to fix this spaghetti of a code

Browse Source
This commit is contained in:
Frederik Spirgi
2026-09-09 14:56:05 +02:00
parent b9bccb5cfc
commit 197276bbda
11 changed files with 216 additions and 457 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/styles_poker.css
+9
View File
@@ -400,6 +400,15 @@ button:disabled:hover {
}
}
/* Terminal table overhaul */
body { background:radial-gradient(ellipse at 50% 45%,#0e2a14 0,#060806 43%,#010201 100%); font-family:ui-monospace,SFMono-Regular,Consolas,monospace; color:#dfffff; }
.poker-table { width:min(1180px,100%); min-height:100vh; margin:auto; padding:18px 28px 24px; grid-template-rows:auto 1fr auto auto; gap:18px; }
.table-header { grid-template-columns:1fr auto 1fr; padding-bottom:14px; border-bottom:1px solid #215a2a; }.round-panel { border:0; border-left:3px solid #55f570; box-shadow:none; background:transparent; padding:6px 12px; color:#dfffff; font-size:15px; text-shadow:none; }.round-panel strong { color:#74ff89; }.divider { color:#367c40; }.leave-table { border:1px solid #467e4e; border-radius:0; background:transparent; box-shadow:none; color:#a3e9ac; padding:8px 12px; }.leave-table:hover { background:#102414; box-shadow:none; transform:none; }
.community-area { width:min(760px,100%); align-self:center; gap:14px; }.turn-panel { border:1px solid #3ce956; box-shadow:0 0 26px rgba(42,235,73,.18); background:#070d08; }.turn-queue li { border-color:#275f30; box-shadow:none; background:#080d08; color:#bfe6c3; }.turn-queue li.active { background:#56ed70; color:#041005; box-shadow:0 0 13px rgba(82,242,106,.5); }.turn-queue li.next { border-color:#8bcf94; }
.card-row { gap:10px; }.card { border-radius:0; border-color:#60ee78; background:#e9ffee; box-shadow:0 0 14px rgba(64,240,94,.28); }.card.placeholder { background:#071008; color:#63db74; box-shadow:none; }.actions { padding:12px; border-top:1px solid #215a2a; border-bottom:1px solid #215a2a; }.actions button,.confirm-bet { min-width:112px; border:1px solid #53ed6c; border-radius:0; background:#0b180d; color:#81fb93; box-shadow:none; font-family:inherit; }.actions button:hover,.confirm-bet:hover { background:#59ed70; color:#041005; box-shadow:0 0 16px rgba(82,242,106,.35); transform:translateY(-2px); }.actions button[data-action="fold"] { border-color:#a64d59; color:#ff8996; }.actions button[data-action="fold"]:hover { background:#601c26; color:#fff; box-shadow:0 0 16px rgba(255,65,87,.3); }
.player-area { width:min(760px,100%); padding:8px 0 0; border-top:1px solid #215a2a; }.hand { gap:13px; }.player-status { width:100%; gap:12px 22px; border:1px solid #286532; box-shadow:none; background:#070c08; color:#cfead2; padding:12px; font-size:12px; }.player-status span:first-child { color:#77fb8b; font-weight:700; }.spectator-note,.showdown-panel { border-color:#3de65b; border-radius:0; box-shadow:0 0 20px rgba(40,230,70,.18); background:#070c08; }.showdown-panel { right:28px; bottom:28px; }.bet-modal { background:rgba(0,0,0,.7); }.bet-panel { border-color:#4fec69; box-shadow:0 0 38px rgba(52,235,81,.32); background:#070b08; border-radius:0; }.close-bet { border-radius:0; }.bet-amount span { border-color:#4eeb68; background:#050805; }.bet-amount button { min-width:34px; }
@media (max-width:700px) { .poker-table { padding:14px; gap:14px; }.table-header { gap:10px; }.round-panel { border-left:0; border-bottom:2px solid #55f570; }.actions { width:100%; }.actions button { flex:1; min-width:90px; }.player-status { justify-content:flex-start; }.showdown-panel { right:14px; bottom:14px; } }
.poker-table { gap: 24px; }
.turn-panel { min-width: 0; width: min(460px, 100%); }
.community-area, .player-area { max-width: 100%; min-width: 0; }