devsam/core2026
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(game-ui): standardize tournament icons at 64px

Browse Source
This commit is contained in:
Hide_D
2026-08-13 16:45:51 +00:00
parent f4db6652cb
commit 3d147bfa72
8 changed files with 283 additions and 338 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/game-frontend/src/views/BettingView.vue
+3 -20
View File
@@ -149,7 +149,6 @@ const placeBet = async (targetId: number) => {
:name="candidate.name"
:picture="candidate.picture"
:image-server="candidate.imageServer"
:icon-size="36"
/>
<div class="candidate-return">
<span class="ratio-color">{{ ratio(candidate.id) }}</span>
@@ -241,7 +240,6 @@ const placeBet = async (targetId: number) => {
:name="entry.name"
:picture="entry.picture"
:image-server="entry.imageServer"
:icon-size="24"
/>
</td>
<td>{{ entry.stat }}</td>
@@ -288,24 +286,6 @@ const placeBet = async (targetId: number) => {
line-height: 1.3;
text-align: center;
}
.betting-bracket :deep(.bracket-canvas) {
width: 100%;
min-width: 1000px;
}
.betting-bracket :deep(.bracket-round),
.betting-bracket :deep(.connector-row) {
min-height: 8px;
}
.betting-bracket :deep(.connector-segment) {
height: 8px;
}
.betting-bracket :deep(.connector-segment .stem) {
height: 5px;
}
.betting-bracket :deep(.connector-segment .arm) {
top: 4px;
height: 4px;
}
.betting-footer {
padding-top: 20px;
text-align: left;
@@ -482,6 +462,9 @@ select:disabled {
padding: 1px;
border: 1px solid #555;
}
.ranking-table tbody tr:has(.general-identity) td {
height: 66px;
}
.ranking-table thead tr:first-child th {
height: 18px;
background: #000;
app/game-frontend/src/views/MyPageView.vue
+5 -3
View File
@@ -498,8 +498,8 @@ onMounted(() => {
<div v-if="selectedIcon" class="selected-general-icon" aria-live="polite">
<img
:src="resolveGeneralIconUrl(selectedIcon)"
width="48"
height="48"
width="64"
height="64"
alt=""
@error="useDefaultGeneralIcon"
/>
@@ -878,7 +878,9 @@ button:disabled {
background: rgb(23 42 82 / 70%);
}
.selected-general-icon img {
flex: 0 0 48px;
flex: 0 0 var(--sammo-general-icon-size);
width: var(--sammo-general-icon-size);
height: var(--sammo-general-icon-size);
object-fit: cover;
}
.general-icon-choice {
app/game-frontend/src/views/TournamentView.vue
+6 -11
View File
@@ -232,7 +232,6 @@ const start = async () => {
:name="group[rowIndex - 1]!.name"
:picture="group[rowIndex - 1]!.picture"
:image-server="group[rowIndex - 1]!.imageServer"
:icon-size="24"
/>
</td>
<td>{{ statOf(group[rowIndex - 1]) }}</td>
@@ -294,7 +293,6 @@ const start = async () => {
:name="group[rowIndex - 1]!.name"
:picture="group[rowIndex - 1]!.picture"
:image-server="group[rowIndex - 1]!.imageServer"
:icon-size="24"
/>
</td>
<td>{{ statOf(group[rowIndex - 1]) }}</td>
@@ -370,13 +368,6 @@ const start = async () => {
font-size: 12px;
line-height: 14px;
}
.legacy-page :deep(.tournament-bracket .bracket-round),
.legacy-page :deep(.tournament-bracket .connector-row) {
min-height: 20px;
}
.legacy-page :deep(.tournament-bracket .connector-segment) {
height: 20px;
}
.tournament-footer {
padding-top: 10px;
}
@@ -512,10 +503,14 @@ td {
}
.group-grid th:nth-child(2),
.group-grid td:nth-child(2) {
width: 92px;
width: 130px;
}
.general-cell {
overflow: hidden;
text-align: left;
}
.group-grid tbody tr:has(.general-identity) td {
height: 66px;
}
.group-tabs {
display: none;
@@ -583,7 +578,7 @@ td {
}
.group-grid th:nth-child(2),
.group-grid td:nth-child(2) {
width: 108px;
width: 138px;
}
.tournament-guide {
padding: 10px;