diff --git a/src/components/PlayWay.vue b/src/components/PlayWay.vue index d0adfab7..47d6fccf 100644 --- a/src/components/PlayWay.vue +++ b/src/components/PlayWay.vue @@ -30,27 +30,6 @@ {{ Lang[Type].game }} {{ tableData.number_tab_number || '0-0' }} - -
-
- {{ Lang[Type].askbanker }} - - - - - - -
-
- {{ Lang[Type].askplayer }} - - - - - - -
-
@@ -79,6 +58,27 @@
+ +
+
+ {{ Lang[Type].askbanker }} + + + + + + +
+
+ {{ Lang[Type].askplayer }} + + + + + + +
+
@@ -263,50 +263,53 @@ export default { } /* Ask Panel - Integrated into grid (bottom 3 rows, far right) */ - .ask-panel-inline { - margin-left: auto; + .ask-bar { display: flex; - gap: 8px; + justify-content: flex-end; align-items: center; + gap: 12px; + padding: 3px 10px; + background: #f5f5f5; + border-top: 1px solid #e0e0e0; .ask-group { display: flex; align-items: center; - gap: 3px; + gap: 4px; cursor: pointer; .ask-label { - font-size: 10px; - font-weight: 500; + font-size: 11px; + font-weight: 600; margin-right: 2px; } .dot { display: inline-block; &.solid { - width: 8px; - height: 8px; + width: 10px; + height: 10px; border-radius: 50%; &.red { background: #e40000; } &.blue { background: #0056ee; } } &.hollow { - width: 7px; - height: 7px; + width: 9px; + height: 9px; border-radius: 50%; - border: 1.5px solid; + border: 2px solid; &.red { border-color: #e40000; } &.blue { border-color: #0056ee; } } &.slash { - width: 7px; - height: 7px; + width: 9px; + height: 9px; position: relative; &::before { content: ''; position: absolute; top: 0; left: 50%; - width: 1.5px; + width: 2px; height: 100%; transform: rotate(45deg); }