dkforest

commit 75824c59ac42801ad25da5adc0bf3acc8378f962
parent 2bff7d4f26bec22fbc9a1987e21270f1d2814d02
Author: n0tr1v <n0tr1v@protonmail.com>
Date:   Thu,  7 Dec 2023 03:25:01 -0500

UI

Diffstat:
M
pkg/web/handlers/poker/poker.go
 | 
19
++++++++++++-------

1 file changed, 12 insertions(+), 7 deletions(-)
diff --git a/pkg/web/handlers/poker/poker.go b/pkg/web/handlers/poker/poker.go
@@ -1288,12 +1288,12 @@ body {
 #seat5Pot { position: absolute; top: 280px; left: 210px; }
 #seat6Pot { position: absolute; top: 280px; left: 40px; }
 .takeSeat1 { position: absolute; top: 80px; left: 700px; }
-.takeSeat2 { position: absolute; top: 200px; left: 670px; }
-.takeSeat3 { position: absolute; top: 300px; left: 610px; }
-.takeSeat4 { position: absolute; top: 333px; left: 380px; }
-.takeSeat5 { position: absolute; top: 333px; left: 210px; }
-.takeSeat6 { position: absolute; top: 333px; left: 40px; }
-#actionsDiv { position: absolute; top: 450px; left: 0; display: flex; }
+.takeSeat2 { position: absolute; top: 240px; left: 770px; }
+.takeSeat3 { position: absolute; top: 333px; left: 700px; }
+.takeSeat4 { position: absolute; top: 383px; left: 380px; }
+.takeSeat5 { position: absolute; top: 383px; left: 210px; }
+.takeSeat6 { position: absolute; top: 333px; left: 80px; }
+#actionsDiv { position: absolute; top: 450px; left: 30px; display: flex; }
 #dealBtn { width: 80px; height: 30px; }
 #unSitBtn { width: 80px; height: 30px; }
 #checkBtn { width: 60px; height: 30px; }
@@ -1312,7 +1312,11 @@ body {
 #yourCard2 { font-size: 22px; display: inline-block; }
 #errorMsg { position: absolute; top: 580px; left: 150px; color: darkred; }
 #eventLogs { position: absolute; bottom: 5px; right: 5px; width: 200px; height: 200px; border: 1px solid black; background-color: #ccc; }
-
+#table {
+	position: absolute; top: 20px; left: 20px; width: 800px; height: 400px; border-radius: 300px;
+	background: radial-gradient(#449144, #008a00);
+	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
 
 .timer {
     background: -webkit-linear-gradient(left, black 50%, #eee 50%);
@@ -1437,6 +1441,7 @@ func PokerHandler(c echo.Context) error {
 	send(pokerCss)
 
 	send(`<script>document.onclick = function(e) { console.log(e.x, e.y); };</script>`) // TODO: dev only
+	send(`<div id="table"></div>`)
 	send(buildCardsHtml())
 	send(buildTakeSeatHtml(authUser, g, roomID))
 	send(buildSeatsHtml(g))