zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

ui: improve account switcher

Browse source
This commit is contained in:
Anthony Fu 2022-11-30 15:30:17 +08:00
parent b150d6d65e
commit 9ee51a5831
5 changed files with 20 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

2
components/main/MainContent.vue
View file

@ -21,7 +21,7 @@ defineProps<{
</div>
<div flex items-center>
<slot name="actions" />
<NavUser v-if="isSmallScreen" />
<NavUser v-if="isMediumScreen" />
</div>
</div>
<slot name="header" />

1
components/nav/NavSide.vue
View file

@ -16,6 +16,7 @@ const { t } = useI18n()
<NavSideItem :text="t('nav_side.favourites')" to="/favourites" icon="i-ri:heart-3-line" />
<NavSideItem :text="t('nav_side.bookmarks')" to="/bookmarks" icon="i-ri:bookmark-line " />
<NavSideItem
v-if="isMediumScreen"
:text="currentUser.account.displayName"
:to="getAccountPath(currentUser.account)"
icon="i-ri:account-circle-line"

2
components/user/UserSwitcher.vue
View file

@ -28,7 +28,7 @@ const switchUser = (user: UserLogin) => {
aria-label="Switch user"
@click="switchUser(user)"
>
<AccountInfo :account="user.account" />
<AccountInfo :account="user.account" :hover-card="false" />
<div flex-auto />
<div v-if="user.token === currentUser?.token" i-ri:check-line text-primary mya text-2xl />
</button>