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

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

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

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

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

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

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

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

@@ -329,10 +329,11 @@ function onToggleLeague(leagueId: string) {
}
.league-name {
flex: 1;
font-size: 11px;
font-weight: 600;
color: var(--text);
flex: 1;
font-size: 11px;
font-weight: 600;
font-family: var(--font-heading);
color: var(--text);
overflow: hidden;
text-overflow: ellipsis;
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) {
font-size: 12px;
font-weight: 700;
font-family: var(--font-heading);
color: var(--text);
text-align: center;
padding: 0 4px;

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

@@ -145,9 +145,10 @@ watch(currentOutrightId, scrollToActive);
}
.section-hdr {
font-size: 10px;
font-weight: 800;
text-transform: uppercase;
font-size: 10px;
font-weight: 800;
font-family: var(--font-heading);
text-transform: uppercase;
color: var(--text-muted);
letter-spacing: 0.05em;
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);
font-size: 12px;
font-weight: 700;
font-family: var(--font-heading);
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 .title,
.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-filter-group-label,
.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);
font-size: 12px;
font-weight: 700;
font-family: var(--font-heading);
padding: 5px 10px;
border-radius: 4px;
transition: all 0.2s;
@@ -341,6 +342,7 @@ void loadParlayMatches(true);
padding: 6px 10px;
font-size: 12px;
font-weight: 800;
font-family: var(--font-heading);
color: var(--primary-light);
background: rgba(0, 102, 204, 0.06);
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 {
font-size: 12px;
font-weight: 700;
font-family: var(--font-heading);
color: var(--text);
overflow: hidden;
text-overflow: ellipsis;
@@ -1245,6 +1246,7 @@ function getHoveredSideForMatch(match: PlayerHomeMatch | null, cardRootId: strin
.hover-team-name {
font-size: 11px;
font-weight: 700;
font-family: var(--font-heading);
color: var(--text);
text-align: center;
max-width: 100%;

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

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