ysc/thebet365
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: split admin dashboard, improve match ops, and player closed-match UX

Browse Source 
Admin: add match/player overview sub-nav; refine settlement flow and league
match management UI; improve action button enabled/disabled styles; enhance
logo upload and outright odds sync.

API: expose matchPhase/bettingOpen for closed matches; league publish guards;
settlement preview with auto score save; outright team auto-sync.

Player: watermark for closed/settled states; keep match and bet details visible;
remove default login credentials.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Mars
2026-06-10 13:00:14 +08:00
parent 6124313369
commit 03f54ca689
43 changed files with 2787 additions and 519 deletions
Download Patch File Download Diff File Expand all files Collapse all files

133
apps/admin/src/App.vue
View File

@@ -418,7 +418,7 @@ body {
-webkit-text-fill-color: #fff !important;
}
.el-button { background: #141414 !important; border-color: #2a2a2a !important; color: #aaa !important; }
.el-button { background: #141414 !important; border-color: #2a2a2a !important; color: #aaa !important; transition: background 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s !important; }
.el-button:hover { background: #1e1e1e !important; border-color: #3a3a3a !important; color: #fff !important; }
.el-button--primary {
background: var(--primary-grad) !important;
@@ -435,18 +435,104 @@ body {
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.18) inset, 0 4px 14px rgba(0, 0, 0, 0.5), 0 0 24px rgba(47, 181, 106, 0.28) !important;
}
.el-button--success {
background: var(--green-surface) !important;
border: 1px solid var(--green-border) !important;
color: var(--green-text) !important;
backdrop-filter: blur(6px);
background: linear-gradient(165deg, #42b86e 0%, #248f54 52%, #1a6b40 100%) !important;
border: 1px solid rgba(77, 214, 138, 0.35) !important;
color: #ffffff !important;
font-weight: 700 !important;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset, 0 2px 8px rgba(0, 0, 0, 0.35) !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.el-button--success:hover {
background: rgba(36, 143, 84, 0.35) !important;
background: linear-gradient(165deg, #52cc7e 0%, #2ea864 52%, #1f7a48 100%) !important;
border-color: rgba(120, 230, 170, 0.45) !important;
color: #d4fde5 !important;
color: #ffffff !important;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.16) inset, 0 4px 12px rgba(0, 0, 0, 0.4), 0 0 18px rgba(47, 181, 106, 0.22) !important;
}
.el-button--warning {
background: linear-gradient(165deg, #e8a820 0%, #c48412 52%, #9a6508 100%) !important;
border: 1px solid rgba(251, 191, 36, 0.4) !important;
color: #ffffff !important;
font-weight: 700 !important;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 2px 8px rgba(0, 0, 0, 0.35) !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.el-button--warning:hover {
background: linear-gradient(165deg, #f0b830 0%, #d49218 52%, #aa720a 100%) !important;
border-color: rgba(251, 191, 36, 0.55) !important;
color: #ffffff !important;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.14) inset, 0 4px 12px rgba(0, 0, 0, 0.4), 0 0 16px rgba(251, 191, 36, 0.18) !important;
}
.el-button--warning { background: rgba(251,191,36,0.1) !important; border-color: rgba(251,191,36,0.35) !important; color: #fbbf24 !important; }
.el-button--danger { background: rgba(255,69,58,0.1) !important; border-color: rgba(255,69,58,0.35) !important; color: #ff453a !important; }
/* ── Disabled: muted ghost, clearly non-interactive ── */
.el-button.is-disabled,
.el-button.is-disabled:hover,
.el-button.is-disabled:focus,
.el-button:disabled {
cursor: not-allowed !important;
pointer-events: none;
transform: none !important;
filter: none;
box-shadow: none !important;
text-shadow: none !important;
opacity: 1 !important;
}
.el-button.is-disabled,
.el-button.is-disabled:hover,
.el-button:disabled {
background: rgba(255, 255, 255, 0.04) !important;
border-color: rgba(255, 255, 255, 0.08) !important;
color: rgba(255, 255, 255, 0.28) !important;
}
.el-button--primary.is-disabled,
.el-button--primary.is-disabled:hover,
.el-button--primary:disabled {
background: rgba(36, 143, 84, 0.1) !important;
border-color: rgba(36, 143, 84, 0.14) !important;
color: rgba(154, 232, 188, 0.32) !important;
}
.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:hover,
.el-button--primary.is-plain:disabled {
background: rgba(36, 143, 84, 0.06) !important;
border-color: rgba(36, 143, 84, 0.12) !important;
color: rgba(154, 232, 188, 0.28) !important;
}
.el-button--success.is-disabled,
.el-button--success.is-disabled:hover,
.el-button--success:disabled {
background: rgba(36, 143, 84, 0.08) !important;
border-color: rgba(36, 143, 84, 0.12) !important;
color: rgba(154, 232, 188, 0.28) !important;
}
.el-button--warning.is-disabled,
.el-button--warning.is-disabled:hover,
.el-button--warning:disabled {
background: rgba(196, 132, 18, 0.1) !important;
border-color: rgba(196, 132, 18, 0.14) !important;
color: rgba(251, 191, 36, 0.28) !important;
}
.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:hover,
.el-button--danger.is-plain:disabled {
background: rgba(255, 69, 58, 0.06) !important;
border-color: rgba(255, 69, 58, 0.1) !important;
color: rgba(255, 107, 98, 0.28) !important;
}
.el-button--danger.is-disabled,
.el-button--danger.is-disabled:hover,
.el-button--danger:disabled {
background: rgba(255, 69, 58, 0.06) !important;
border-color: rgba(255, 69, 58, 0.1) !important;
color: rgba(255, 107, 98, 0.28) !important;
}
.el-button--primary.is-plain {
background: rgba(36, 143, 84, 0.12) !important;
border-color: var(--green-border) !important;
@@ -459,15 +545,16 @@ body {
color: #d4fde5 !important;
}
.el-button--danger.is-plain {
background: rgba(255, 69, 58, 0.08) !important;
border-color: rgba(255, 69, 58, 0.35) !important;
background: rgba(255, 69, 58, 0.14) !important;
border-color: rgba(255, 69, 58, 0.45) !important;
color: #ff6b62 !important;
font-weight: 600 !important;
box-shadow: none !important;
}
.el-button--danger.is-plain:hover {
background: rgba(255, 69, 58, 0.16) !important;
border-color: rgba(255, 120, 110, 0.5) !important;
color: #ff8a82 !important;
background: rgba(255, 69, 58, 0.24) !important;
border-color: rgba(255, 120, 110, 0.55) !important;
color: #ff9a92 !important;
}
.el-button.is-text,
.el-button.is-link.el-button--default {
@@ -481,26 +568,6 @@ body {
color: #d4fde5 !important;
background: rgba(36, 143, 84, 0.1) !important;
}
.el-button--primary.is-plain {
background: rgba(36, 143, 84, 0.12) !important;
border-color: var(--green-border) !important;
color: var(--green-text) !important;
}
.el-button--primary.is-plain:hover {
background: rgba(36, 143, 84, 0.22) !important;
border-color: rgba(120, 230, 170, 0.45) !important;
color: #d4fde5 !important;
}
.el-button--danger.is-plain {
background: rgba(255, 69, 58, 0.08) !important;
border-color: rgba(255, 69, 58, 0.35) !important;
color: #ff6961 !important;
}
.el-button--danger.is-plain:hover {
background: rgba(255, 69, 58, 0.18) !important;
border-color: rgba(255, 120, 110, 0.5) !important;
color: #ff8a82 !important;
}
.el-tag { border-radius: 4px !important; font-size: 11px !important; font-weight: 600 !important; }
.el-tag--success {