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);
}