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

fix(player): apply heading font to nav links, team names, league titles, betslip labels in scoped styles

Browse Source
This commit is contained in:
mars
2026-07-13 10:10:52 +08:00
parent 0a4e4c36c8
commit f0b8e051ed
12 changed files with 45 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/player/src/components/desktop/AccountSideNav.vue
View File

@@ -74,6 +74,7 @@ const menuItems = computed(() => {
.hub-nav-title { .hub-nav-title {
font-size: 11px; font-size: 11px;
font-weight: 700; font-weight: 700;
font-family: var(--font-heading);
color: var(--text-muted); color: var(--text-muted);
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.06em; letter-spacing: 0.06em;
@@ -89,6 +90,7 @@ const menuItems = computed(() => {
color: var(--text-muted); color: var(--text-muted);
font-size: 13px; font-size: 13px;
font-weight: 700; font-weight: 700;
font-family: var(--font-heading);
transition: all 0.2s; transition: all 0.2s;
position: relative; position: relative;
} }

11
apps/player/src/components/desktop/BetSlipPanel.vue
View File

@@ -1189,6 +1189,7 @@ onUnmounted(() => {
margin: 0; margin: 0;
font-size: 14px; font-size: 14px;
font-weight: 800; font-weight: 800;
font-family: var(--font-heading);
color: var(--primary-light); color: var(--primary-light);
} }
@@ -1252,6 +1253,7 @@ onUnmounted(() => {
color: var(--text-muted); color: var(--text-muted);
font-size: 12px; font-size: 12px;
font-weight: 700; font-weight: 700;
font-family: var(--font-heading);
padding: 10px 4px; padding: 10px 4px;
border-bottom: 2px solid transparent; border-bottom: 2px solid transparent;
transition: all 0.2s; transition: all 0.2s;
@@ -1275,6 +1277,7 @@ onUnmounted(() => {
color: var(--bg-card); color: var(--bg-card);
font-size: 9px; font-size: 9px;
font-weight: 800; font-weight: 800;
font-family: var(--font-heading);
padding: 1px 4px; padding: 1px 4px;
border-radius: 6px; border-radius: 6px;
line-height: 1; line-height: 1;
@@ -1355,6 +1358,7 @@ onUnmounted(() => {
.match-name { .match-name {
font-size: 10px; font-size: 10px;
font-weight: 700; font-weight: 700;
font-family: var(--font-heading);
color: var(--text-muted); color: var(--text-muted);
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@@ -1417,6 +1421,7 @@ onUnmounted(() => {
.selection-name { .selection-name {
font-size: 11px; font-size: 11px;
font-weight: 700; font-weight: 700;
font-family: var(--font-heading);
color: var(--text); color: var(--text);
min-width: 0; min-width: 0;
overflow: hidden; overflow: hidden;
@@ -1768,6 +1773,7 @@ onUnmounted(() => {
color: var(--primary-light); color: var(--primary-light);
font-size: 11px; font-size: 11px;
font-weight: 700; font-weight: 700;
font-family: var(--font-heading);
transition: all 0.2s; transition: all 0.2s;
} }
@@ -1785,6 +1791,7 @@ onUnmounted(() => {
color: #FFFFFF; color: #FFFFFF;
font-size: 13px; font-size: 13px;
font-weight: 800; font-weight: 800;
font-family: var(--font-heading);
text-transform: uppercase; text-transform: uppercase;
transition: opacity 0.2s; transition: opacity 0.2s;
border: none; border: none;
@@ -1837,6 +1844,7 @@ onUnmounted(() => {
color: var(--text-muted); color: var(--text-muted);
font-size: 11px; font-size: 11px;
font-weight: 700; font-weight: 700;
font-family: var(--font-heading);
transition: all 0.15s; transition: all 0.15s;
} }
@@ -1885,6 +1893,7 @@ onUnmounted(() => {
.history-pick { .history-pick {
font-size: 11px; font-size: 11px;
font-weight: 700; font-weight: 700;
font-family: var(--font-heading);
color: var(--text); color: var(--text);
line-height: 1.35; line-height: 1.35;
min-width: 0; min-width: 0;
@@ -1894,6 +1903,7 @@ onUnmounted(() => {
flex-shrink: 0; flex-shrink: 0;
font-size: 10px; font-size: 10px;
font-weight: 800; font-weight: 800;
font-family: var(--font-heading);
padding: 1px 5px; padding: 1px 5px;
border-radius: 3px; border-radius: 3px;
} }
@@ -1920,6 +1930,7 @@ onUnmounted(() => {
.history-match { .history-match {
font-size: 10px; font-size: 10px;
font-family: var(--font-heading);
color: var(--text-muted); color: var(--text-muted);
margin-bottom: 4px; margin-bottom: 4px;
overflow: hidden; overflow: hidden;

11
apps/player/src/components/desktop/DesktopBetSlipRail.vue
View File

@@ -156,11 +156,12 @@ watch(
} }
.rail-label { .rail-label {
writing-mode: vertical-rl; writing-mode: vertical-rl;
text-orientation: mixed; text-orientation: mixed;
font-size: 12px; font-size: 12px;
font-weight: 800; font-weight: 800;
color: var(--primary); font-family: var(--font-heading);
color: var(--primary);
letter-spacing: 0.12em; letter-spacing: 0.12em;
} }

1
apps/player/src/components/desktop/DesktopTopNav.vue
View File

@@ -135,6 +135,7 @@ const activeTab = computed(() => {
position: relative; position: relative;
font-size: 14px; font-size: 14px;
font-weight: 700; font-weight: 700;
font-family: var(--font-heading);
color: var(--text-muted); color: var(--text-muted);
padding: 18px 4px; padding: 18px 4px;
transition: color 0.2s; transition: color 0.2s;

9
apps/player/src/components/desktop/LeagueSidebar.vue
View File

@@ -329,10 +329,11 @@ function onToggleLeague(leagueId: string) {
} }
.league-name { .league-name {
flex: 1; flex: 1;
font-size: 11px; font-size: 11px;
font-weight: 600; font-weight: 600;
color: var(--text); font-family: var(--font-heading);
color: var(--text);
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;

1
apps/player/src/components/desktop/MatchSidebar.vue
View File

@@ -274,6 +274,7 @@ watch(currentMatchId, scrollToActive);
.matches-list :deep(.team-name) { .matches-list :deep(.team-name) {
font-size: 12px; font-size: 12px;
font-weight: 700; font-weight: 700;
font-family: var(--font-heading);
color: var(--text); color: var(--text);
text-align: center; text-align: center;
padding: 0 4px; padding: 0 4px;

7
apps/player/src/components/desktop/OutrightSidebar.vue
View File

@@ -145,9 +145,10 @@ watch(currentOutrightId, scrollToActive);
} }
.section-hdr { .section-hdr {
font-size: 10px; font-size: 10px;
font-weight: 800; font-weight: 800;
text-transform: uppercase; font-family: var(--font-heading);
text-transform: uppercase;
color: var(--text-muted); color: var(--text-muted);
letter-spacing: 0.05em; letter-spacing: 0.05em;
margin-bottom: 8px; margin-bottom: 8px;

1
apps/player/src/components/desktop/SportsCategoryBar.vue
View File

@@ -68,6 +68,7 @@ function selectSport(id: SportCategory, enabled: boolean) {
color: var(--text-muted); color: var(--text-muted);
font-size: 12px; font-size: 12px;
font-weight: 700; font-weight: 700;
font-family: var(--font-heading);
transition: background 0.18s, border-color 0.18s, color 0.18s; transition: background 0.18s, border-color 0.18s, color 0.18s;
} }

9
apps/player/src/styles/desktop/interaction.css
View File

@@ -50,6 +50,15 @@
.desktop-shell .hero-caption, .desktop-shell .hero-caption,
.desktop-shell .title, .desktop-shell .title,
.desktop-shell .saishi, .desktop-shell .saishi,
.desktop-shell .nav-link,
.desktop-shell .nav-item,
.desktop-shell .main-tab,
.desktop-shell .name,
.desktop-shell .match-name,
.desktop-shell .selection-name,
.desktop-shell .league-name,
.desktop-shell .league-title,
.desktop-shell .hub-nav-title,
.desktop-shell .desktop-records-status, .desktop-shell .desktop-records-status,
.desktop-shell .desktop-records-filter-group-label, .desktop-shell .desktop-records-filter-group-label,
.desktop-shell .desktop-records-table th, .desktop-shell .desktop-records-table th,

2
apps/player/src/views/desktop/DesktopFootballView.vue
View File

@@ -286,6 +286,7 @@ void loadParlayMatches(true);
color: var(--text-muted); color: var(--text-muted);
font-size: 12px; font-size: 12px;
font-weight: 700; font-weight: 700;
font-family: var(--font-heading);
padding: 5px 10px; padding: 5px 10px;
border-radius: 4px; border-radius: 4px;
transition: all 0.2s; transition: all 0.2s;
@@ -341,6 +342,7 @@ void loadParlayMatches(true);
padding: 6px 10px; padding: 6px 10px;
font-size: 12px; font-size: 12px;
font-weight: 800; font-weight: 800;
font-family: var(--font-heading);
color: var(--primary-light); color: var(--primary-light);
background: rgba(0, 102, 204, 0.06); background: rgba(0, 102, 204, 0.06);
border-left: 3px solid var(--primary); border-left: 3px solid var(--primary);

2
apps/player/src/views/desktop/DesktopHomeView.vue
View File

@@ -916,6 +916,7 @@ function getHoveredSideForMatch(match: PlayerHomeMatch | null, cardRootId: strin
.team-name { .team-name {
font-size: 12px; font-size: 12px;
font-weight: 700; font-weight: 700;
font-family: var(--font-heading);
color: var(--text); color: var(--text);
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@@ -1245,6 +1246,7 @@ function getHoveredSideForMatch(match: PlayerHomeMatch | null, cardRootId: strin
.hover-team-name { .hover-team-name {
font-size: 11px; font-size: 11px;
font-weight: 700; font-weight: 700;
font-family: var(--font-heading);
color: var(--text); color: var(--text);
text-align: center; text-align: center;
max-width: 100%; max-width: 100%;

1
apps/player/src/views/desktop/DesktopMatchDetailView.vue
View File

@@ -559,6 +559,7 @@ function getHoveredSide() {
.team-side .name { .team-side .name {
font-size: 13px; font-size: 13px;
font-weight: 800; font-weight: 800;
font-family: var(--font-heading);
color: var(--text); color: var(--text);
} }