diff options
| -rw-r--r-- | assets/css/components/hero.css | 2 | ||||
| -rw-r--r-- | assets/js/matrix-rain.js | 7 |
2 files changed, 6 insertions, 3 deletions
diff --git a/assets/css/components/hero.css b/assets/css/components/hero.css index b9ecb24..d6cd3c0 100644 --- a/assets/css/components/hero.css +++ b/assets/css/components/hero.css @@ -28,6 +28,8 @@ inset: 0; opacity: 0.13; pointer-events: none; + z-index: 1; + display: block; } html.theme-light #matrix-canvas { diff --git a/assets/js/matrix-rain.js b/assets/js/matrix-rain.js index 742b0bd..18fc3ff 100644 --- a/assets/js/matrix-rain.js +++ b/assets/js/matrix-rain.js @@ -12,9 +12,10 @@ function init() { if (mode === 'hero') { - // Hero mode: size relative to canvas element's offsetWidth - canvas.width = canvas.offsetWidth; - canvas.height = canvas.offsetHeight; + // Hero mode: size relative to parent container + const rect = canvas.getBoundingClientRect(); + canvas.width = rect.width || canvas.offsetWidth || window.innerWidth; + canvas.height = rect.height || canvas.offsetHeight || window.innerHeight; } else { // Background mode: size to full viewport canvas.width = window.innerWidth; |