20) ? true : false"
:class="showBar ? 'navbar-white shadow transition duration-400' : '' "
class="fixed top-0 z-20 w-full
"
x-data="{
open4: false,
fullMenu: false,
showBar: false,
colorWhite() {
let navbar = document.getElementById('navbar');
navbar.classList.replace('navbar-transparent', 'navbar-white');
document.getElementById('logoWhite').style.display = 'none';
document.getElementById('logoColor').style.display = 'block';
},
colorTransparent() {
const navbar = document.getElementById('navbar')
navbar.classList.replace('navbar-white', 'navbar-transparent');
document.getElementById('logoWhite').style.display = 'block';
document.getElementById('logoColor').style.display = 'none';
},
height() {
let navbarh = this.$refs.navbarh
let main = document.getElementById('main')
let container = this.$refs.container
let navbar_height = navbarh.getBoundingClientRect().height
main.style.marginTop = navbar_height + 'px';
container.style.top = navbar_height + 'px';
},
container() {
let navbarh = this.$refs.navbarh
let container = this.$refs.container
let navbar_height = navbarh.getBoundingClientRect().height
container.style.top = navbar_height + 'px';
}
}
"
>
0) ? true : false;
if (window.pageYOffset==0) {
document.getElementById('submenucontainer').style.display = 'none';
}
if (showBar==false) {
document.getElementById('logoWhite').style.display = 'block';
document.getElementById('logoColor').style.display = 'none';
} else {
document.getElementById('logoWhite').style.display = 'none';
document.getElementById('logoColor').style.display = 'block';
}
"
:class="{ 'navbar-white transition duration-400' : showBar }"
id="navbar"
class="
w-full md:px-6 flex items-center justify-between select-none h-auto relative
pt-2
navbar-transparent
absolute top-0 z-40
w-full
flex flex-col
normal
">