Finish bidding table component

1 files changed, 53 insertions, 0 deletions

diff --git a/webapp/src/default.css b/webapp/src/default.css
index d4f291b..e76ca28 100644
--- a/webapp/src/default.css
+++ b/webapp/src/default.css
@@ -62,6 +62,59 @@ body {
     content: "♣"
 }
 
+.bidding-table {
+    max-width: 250px;
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    border: 2px solid #000;
+    border-radius: 10px;
+    background-color: #eee;
+    padding: 3px;
+}
+.bidding-table .header {
+    font-weight: bold;
+    border-bottom: 2px solid #000;
+}
+
+.bidding-table .bid {
+    display: flex;
+}
+
+.bidding-table .suit-spade {
+    color: #000;
+}
+.bidding-table .suit-heart {
+    color: #d00;
+}
+.bidding-table .suit-diamond {
+    color: #d00;
+}
+.bidding-table .suit-club {
+    color: #000;
+}
+.bidding-table .suit-notrump {
+    background-color: #dde;
+    border-radius: 4px;
+    display: flex;
+    align-items: center;
+}
+
+.bidding-table .suit-spade:after {
+    content: "♠"
+}
+.bidding-table .suit-heart:after {
+    content: "♥"
+}
+.bidding-table .suit-diamond:after {
+    content: "♦"
+}
+.bidding-table .suit-club:after {
+    content: "♣"
+}
+.bidding-table .suit-notrump:after {
+    content: "NT"
+}
+
 .bidding-box {
     max-width: 250px;
     display: grid;