20) ? true : false" class="bg-gradient-to-b from-header to-trasparent lg:h-24 fixed w-full top-0 left-0 top-0 z-40 transform transition duration-500 ease-in-out -translate-y-0 " :class="{' -translate-y-full ': open,'-translate-y-0': !open ,' shadow transition duration-500 from-dark to-dark' : showBar } ">