fix

src/pages/matchTree.vue

@@ -102,6 +102,7 @@
             width: var(--size);
             white-space: nowrap;
             text-overflow: ellipsis;
+            overflow: hidden;
         }
     }
 </style>
\ No newline at end of file

src/pages/tournament.vue

@@ -223,7 +223,9 @@
                                         <template v-slot:body>
                                             <view id = 'body'>
                                                 <view id = 'left'>
-                                                    {{ participant.array.find(p => p.id == i.player1Id)?.name }}
+                                                    <span
+                                                        :class = "{ 'winner': i.winnerId == i.player1Id }"
+                                                    >{{ participant.array.find(p => p.id == i.player1Id)?.name }}</span>
                                                     <br>
                                                     <span 
                                                         v-if = '
@@ -249,7 +251,9 @@
                                                     <span class = 'small' v-show = '!i.isThirdPlaceMatch && i.round == match.maxRound'>决赛</span>
                                                 </view>
                                                 <view  id = 'right'>
-                                                    <span>{{ participant.array.find(p => p.id == i.player2Id)?.name }}</span>
+                                                    <span
+                                                        :class = "{ 'winner': i.winnerId == i.player2Id }"
+                                                    >{{ participant.array.find(p => p.id == i.player2Id)?.name }}</span>
                                                     <br>
                                                     <span v-if = '
                                                         // @ts-ignore

src/script/post.ts

@@ -716,7 +716,7 @@ class Users {
 }
 
 const User = new Users(import.meta.env.VITE_USER_API);
-const Tabulator = new TabulatorAPI(import.meta.env.VITE_TABULATOR_API);
+const Tabulator = new TabulatorAPI('https://api-tabulator.moecube.com:444');
 
 export {
     Tabulator,

src/style/tournament.scss

@@ -34,11 +34,26 @@
             #left {
                 justify-self: left;
             }
+            #right {
+                justify-self: right;
+            }
+            #left, #right {
+                width: 80px;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+                overflow: hidden;
+                font-size: 12px;
+            }
             #center {
                 justify-self: center;
+                width: 48px;
+                color: #3b4144;
+                flex-direction: column;
+                padding-right: 8px;
+                font-size: 14px;
             }
-            #right {
-                justify-self: right;
+            .winner {
+                color: rgb(255, 153, 0);
             }
         }
 
@@ -50,15 +65,17 @@
                 overflow: hidden;
             }
             #header {
-                min-width: 30%;
-                max-width: 30%;
+                width: 30%;
                 text-overflow: ellipsis;
+                white-space: nowrap;
+                overflow: hidden;
+                font-size: 14px;
             }
             #body {
                 &:hover {
                     cursor: pointer;
-                scale: (1.05);
-            }
+                    scale: (1.05);
+                }
             }
             #footer {
                 display: flex;