diff options
| author | Pinapelz <yukais@pinapelz.com> | 2026-04-16 21:06:01 -0700 |
|---|---|---|
| committer | Pinapelz <yukais@pinapelz.com> | 2026-04-16 21:06:01 -0700 |
| commit | 6aab722e79cce918c3bc2cfaae7731dae86f4167 (patch) | |
| tree | d8518c7cc07fa713630b696c6b143426e0f15f1c | |
| parent | df604e7e2603a087907a39b21f93eb4cee8c85b0 (diff) | |
type: general styling changes to BGA and hud
| -rw-r--r-- | src/app/game/game.utils.ts | 1 | ||||
| -rw-r--r-- | src/app/game/page.styles.ts | 12 |
2 files changed, 10 insertions, 3 deletions
diff --git a/src/app/game/game.utils.ts b/src/app/game/game.utils.ts index 9164dc9..b2037e5 100644 --- a/src/app/game/game.utils.ts +++ b/src/app/game/game.utils.ts @@ -35,7 +35,6 @@ export function parseLrcLines( ? rawLine.slice(lastIndex).replace(/\([^)]*\)/g, "") : rawLine.slice(lastIndex) ).trim(); - if (!content) continue; for (const ms of timestamps) { result.push({ millisecond: ms, content }); diff --git a/src/app/game/page.styles.ts b/src/app/game/page.styles.ts index fce88be..9b10d3b 100644 --- a/src/app/game/page.styles.ts +++ b/src/app/game/page.styles.ts @@ -97,8 +97,10 @@ export const HUD = styled.div` justify-content: space-between; gap: 24px; padding: 10px 24px; - background: rgba(255, 255, 255, 0.04); - border-bottom: 1px solid rgba(255, 255, 255, 0.06); + background: rgba(13, 13, 20, 0.75); + backdrop-filter: blur(12px); + -webkit-backdrop-filter: blur(12px); + border-bottom: 1px solid rgba(255, 255, 255, 0.08); position: relative; z-index: 2; `; @@ -134,6 +136,7 @@ export const ComboValue = styled(HudValue)<{ $animate: boolean }>` /* ----- MAIN GAME AREA ----- */ export const GameArea = styled.div` + position: relative; flex: 1; display: flex; flex-direction: column; @@ -142,6 +145,11 @@ export const GameArea = styled.div` padding: 24px 32px; gap: 24px; overflow: hidden; + + & > * { + position: relative; + z-index: 1; + } `; export const UpcomingWrap = styled.div` |