diff --git a/src/components/NavigationHeader.vue b/src/components/NavigationHeader.vue index 4f07062..8223258 100644 --- a/src/components/NavigationHeader.vue +++ b/src/components/NavigationHeader.vue @@ -22,6 +22,7 @@ import storage from "@/storage"; import TmdbLogo from "../icons/tmdb-logo"; import IconProfile from "../icons/IconProfile"; +import IconProfileLock from "../icons/IconProfileLock"; import IconSettings from "../icons/IconSettings"; import IconActivity from "../icons/IconActivity"; import SearchInput from "@/components/SearchInput"; @@ -37,6 +38,7 @@ export default { SearchInput, TmdbLogo, IconProfile, + IconProfileLock, IconSettings, IconActivity, Hamburger @@ -53,7 +55,7 @@ export default { return { title: !this.loggedIn ? "Signin" : "Profile", route: !this.loggedIn ? "/signin" : "/profile", - icon: IconProfile + icon: !this.loggedIn ? IconProfileLock : IconProfile }; } } @@ -80,6 +82,10 @@ nav { } } +.nav__logo { + overflow: hidden; +} + .logo { padding: 1rem; fill: var(--color-green);