Hi!
My login page has no navbar. Once I log in, I do have a Navbar. My problem right now is that if I go back to login page (logout), my navbar does not completely dissappear. A navbar still appears in the DOM, even though it is empty. It appears with a class ‘navbar-hidden’.
Even though it is empty and hidden, it is pushing my whole content down. Is there a way to “destroy” this navbar if I go to login page?
I have this configuration, if it matters:
view: {
pushState: isCordova ? false : true,
pushStateSeparator: "",
history: true
},
This is in routes:
{
path: LOGIN,
options: {
transition: "f7-parallax",
reloadAll: true
},
beforeEnter: async function(routeTo, routeFrom, resolve, reject) {
const userIsLoggedIn = await getUserAuth();
if (userIsLoggedIn) {
resolve();
} else {
reject();
f7.views.main.router.navigate("/");
}
},
async(routeTo, routeFrom, resolve, reject) {
resolve({
component: HomePage
});
}
},