ComputerTech
/
techdj
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix actual root causes: waveform black block, body gradient bleed, JS glow override

This commit is contained in:
ComputerTech 2026-03-05 18:02:08 +00:00
parent 663ea17040
commit 1f07b87c36
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
script.js
View File

@ -672,7 +672,7 @@ function applyGlow(id, intensity) {
const color = id === 'A' ? 'var(--primary-cyan)' : 'var(--secondary-magenta)'; const color = id === 'A' ? 'var(--primary-cyan)' : 'var(--secondary-magenta)';
const blur = Math.max(10, intensity); const blur = Math.max(10, intensity);
const spread = Math.max(2, intensity / 5); const spread = Math.max(2, intensity / 5);
deckEl.style.boxShadow = `0 0 ${blur}px ${spread}px ${color}`; deckEl.style.boxShadow = `inset 0 0 ${blur}px ${spread}px ${color}`;
} }
function removeGlow(id) { function removeGlow(id) {

8
style.css
View File

@ -222,6 +222,7 @@ header h1 {
/* Adjust based on header height */ /* Adjust based on header height */
min-height: 0; min-height: 0;
overflow: hidden; overflow: hidden;
background: var(--bg-dark);
} }
/* LIBRARY SECTION */ /* LIBRARY SECTION */
@ -747,8 +748,8 @@ input[type=range] {
/* Waveform Display */ /* Waveform Display */
.waveform-container { .waveform-container {
position: relative; position: relative;
background: #000; background: transparent;
border: 1px solid #333; border: none;
border-radius: 4px; border-radius: 4px;
margin-bottom: 4px; margin-bottom: 4px;
padding: 3px; padding: 3px;
@ -758,6 +759,9 @@ input[type=range] {
width: 100%; width: 100%;
height: 40px; height: 40px;
display: block; display: block;
background: rgba(0, 0, 0, 0.3);
border: none;
margin-bottom: 0;
} }
.playhead { .playhead {