KevinMidboe/seasoned
1
0
Fork 0
Code Issues 12 Pull Requests 1 Packages Projects Releases 1 Wiki Activity

Added new profile icon to show if user is logged in or not.

Browse Source
This commit is contained in:
Kevin
2022-03-04 18:28:12 +01:00
parent 2e2ca59334
commit 3aefb4c4ac
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/NavigationHeader.vue
View File

@@ -22,6 +22,7 @@
import storage from "@/storage"; import storage from "@/storage";
import TmdbLogo from "../icons/tmdb-logo"; import TmdbLogo from "../icons/tmdb-logo";
import IconProfile from "../icons/IconProfile"; import IconProfile from "../icons/IconProfile";
import IconProfileLock from "../icons/IconProfileLock";
import IconSettings from "../icons/IconSettings"; import IconSettings from "../icons/IconSettings";
import IconActivity from "../icons/IconActivity"; import IconActivity from "../icons/IconActivity";
import SearchInput from "@/components/SearchInput"; import SearchInput from "@/components/SearchInput";
@@ -37,6 +38,7 @@ export default {
SearchInput, SearchInput,
TmdbLogo, TmdbLogo,
IconProfile, IconProfile,
IconProfileLock,
IconSettings, IconSettings,
IconActivity, IconActivity,
Hamburger Hamburger
@@ -53,7 +55,7 @@ export default {
return { return {
title: !this.loggedIn ? "Signin" : "Profile", title: !this.loggedIn ? "Signin" : "Profile",
route: !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 { .logo {
padding: 1rem; padding: 1rem;
fill: var(--color-green); fill: var(--color-green);