20) ? true : false"
:class="showBar ? 'navbar-white shadow transition duration-400' : 'bg-gradient-to-b from-black/60' "
class="fixed top-0 z-20 w-full
"
x-data="{
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';
}
}
"
x-init="container(); height();"
>