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

feat(player): refresh dark gold betting theme

Browse Source 
- add generated dark-gold WebP assets for PC/mobile backgrounds, cards, dialogs, tabs, mailbox, VS and bet buttons
- apply the new assets across player home, match detail, outright cards, modals, wallet/profile/detail screens and bet slip controls
- simplify confirm dialogs and reuse bet button resources for normal/pressed states
- hide mobile announcement center, tighten mobile bet list layout, and remove extra dark page backgrounds/scrollbar styling
- cache and deduplicate outright market loading to speed up repeated tab/detail navigation
- document player image-generation constraints in AGENTS.md
This commit is contained in:
mars
2026-07-23 17:34:40 +08:00
parent 375d352df2
commit b02e79785e
63 changed files with 796 additions and 328 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
apps/player/src/styles/desktop/layout.css
View File

@@ -8,8 +8,11 @@
inset: 0;
display: flex;
flex-direction: column;
background-color: #000;
background-image: url('../../assets/images/pcbg.png');
background-color: #0d0b08;
background-image:
radial-gradient(ellipse 90% 68% at 50% 0%, rgba(246, 210, 108, 0.14), transparent 58%),
linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.58)),
url('../../assets/images/generated/pc-global-bg-v1.webp');
background-size: cover;
background-position: center;
background-attachment: fixed;
@@ -21,7 +24,7 @@
content: '';
position: fixed;
inset: 0;
background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(212, 175, 55, 0.03) 0%, transparent 60%);
background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(255, 221, 128, 0.08) 0%, transparent 60%);
pointer-events: none;
z-index: 0;
}
@@ -29,10 +32,8 @@
.desktop-header-wrap {
flex-shrink: 0;
height: var(--desktop-header-h);
background: rgba(14, 14, 14, 0.88);
backdrop-filter: var(--blur-md);
-webkit-backdrop-filter: var(--blur-md);
border-bottom: 1px solid var(--border);
background: #12100c url('../../assets/images/generated/pc-top-nav-bg-v1.webp') center / 100% 100% no-repeat;
border-bottom: 0;
z-index: var(--z-header);
display: flex;
align-items: center;
@@ -45,7 +46,7 @@
flex-shrink: 0;
z-index: var(--z-sticky);
border-bottom: 1px solid var(--border);
background: rgba(14, 14, 14, 0.85);
background: rgba(26, 24, 19, 0.78);
backdrop-filter: var(--blur-sm);
-webkit-backdrop-filter: var(--blur-sm);
}
@@ -90,7 +91,7 @@
width: 100%;
padding: 0 16px;
border-bottom: 1px solid var(--border);
background: rgba(14, 14, 14, 0.85);
background: rgba(26, 24, 19, 0.76);
backdrop-filter: var(--blur-sm);
-webkit-backdrop-filter: var(--blur-sm);
}
@@ -105,7 +106,7 @@
.desktop-betting-left {
border-right: 1px solid var(--border);
background: rgba(14, 14, 14, 0.6);
background: rgba(26, 24, 19, 0.56);
backdrop-filter: var(--blur-sm);
-webkit-backdrop-filter: var(--blur-sm);
overflow-y: auto;
@@ -209,7 +210,7 @@
.desktop-hub-right {
overflow-y: auto;
padding: var(--space-5);
background: rgba(10, 10, 10, 0.3);
background: rgba(18, 16, 12, 0.18);
}
/* ── Auth Layout: Centered container ── */