btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

✨ Show logged in user image

Browse Source
This commit is contained in:
Liyas Thomas
2020-01-21 11:47:47 +05:30
parent 29e96ddd12
commit 8bc1df9b8e
2 changed files with 36 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
assets/css/fonts.scss
View File

@@ -27,6 +27,7 @@
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
font-feature-settings: "liga";
border-radius: 50%;
}
/* poppins-500 - latin */

38
layouts/default.vue
View File

@@ -290,9 +290,41 @@
</button>
<login v-if="!store.currentUser" />
<span v-if="store.currentUser">
<button class="icon" @click="logout" v-tooltip="$t('logout')">
<i class="material-icons">exit_to_app</i>
</button>
<v-popover>
<button
class="icon"
v-tooltip="
(store.currentUser.displayName || '<label><i>Name not found</i></label>') +
'<br>' +
(store.currentUser.email || '<label><i>Email not found</i></label>')
"
>
<img
v-if="store.currentUser.photoURL"
:src="store.currentUser.photoURL"
class="material-icons"
/>
<i v-else class="material-icons">account_circle</i>
</button>
<template slot="popover">
<div>
<nuxt-link :to="localePath('settings')" v-close-popover>
<button class="icon">
<i class="material-icons">settings</i>
<span>
{{ $t("settings") }}
</span>
</button>
</nuxt-link>
</div>
<div>
<button class="icon" @click="logout" v-close-popover>
<i class="material-icons">exit_to_app</i>
<span>{{ $t("logout") }}</span>
</button>
</div>
</template>
</v-popover>
</span>
<v-popover>
<button class="icon" v-tooltip="$t('more')">