Korbs/sudovanilla-website
1
Fork 0
Code Issues Pull requests Activity

Apply top shadow to header bottom row

Browse source
This commit is contained in:
Korbs 2024-05-30 00:02:23 -04:00
parent e33dab9516
commit e8a9ef2f5f
1 changed files with 2 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/global/Header.astro
View file

@ -101,10 +101,12 @@ import {
function () { function () {
if (window.scrollY > 50) { if (window.scrollY > 50) {
document.querySelector(".header-row-bottom").style.position = "fixed"; document.querySelector(".header-row-bottom").style.position = "fixed";
document.querySelector(".header-row-bottom").style.boxShadow = "0px -40px 19px 20px black";
document.getElementById("show-w-scroll").style.opacity = "1"; document.getElementById("show-w-scroll").style.opacity = "1";
document.getElementById("show-w-scroll").style.width = "96px"; document.getElementById("show-w-scroll").style.width = "96px";
} else { } else {
document.querySelector(".header-row-bottom").style.position = "inherit"; document.querySelector(".header-row-bottom").style.position = "inherit";
document.querySelector(".header-row-bottom").style.boxShadow = "none";
document.getElementById("show-w-scroll").style.opacity = "0"; document.getElementById("show-w-scroll").style.opacity = "0";
document.getElementById("show-w-scroll").style.width = "0"; document.getElementById("show-w-scroll").style.width = "0";
} }