nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-21 09:12:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

alert icon in mobile menu

Browse Source
This commit is contained in:
Čarodej
2022-03-17 18:31:10 +01:00
parent ca883a6f93
commit 10f37e645b
6 changed files with 63 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
resources/js/components/Sidebar/UserHeadline.vue
View File

@@ -1,28 +1,38 @@
<template>
<div class="flex items-center leading-none">
<MemberAvatar :size="52" :is-border="false" :member="user" />
<div class="pl-4">
<b class="mb-1 block font-bold leading-none">
{{ user.data.relationships.settings.data.attributes.name }}
</b>
<span class="text-theme text-sm font-semibold leading-none">
{{ user.data.attributes.email }}
</span>
</div>
</div>
<div class="flex items-center justify-between">
<div class="flex items-center leading-none">
<MemberAvatar :size="52" :is-border="false" :member="user" />
<div class="pl-4">
<b class="mb-1 block font-bold leading-none">
{{ user.data.relationships.settings.data.attributes.name }}
</b>
<span class="text-theme text-sm font-semibold leading-none">
{{ user.data.attributes.email }}
</span>
</div>
</div>
<NotificationBell @click="openNotificationPopup" />
</div>
</template>
<script>
import MemberAvatar from '../FilesView/MemberAvatar'
import { mapGetters } from 'vuex'
import NotificationBell from "./NotificationBell";
export default {
name: 'UserHeadline',
components: {
NotificationBell,
MemberAvatar,
},
computed: {
...mapGetters(['user']),
},
methods: {
openNotificationPopup() {
}
}
}
</script>