marco/contexted-v3
1
0
Fork 0
Code Issues 7 Pull Requests Packages Projects 1 Releases Wiki Activity

dropdown menu

Browse Source
This commit is contained in:
Marco Crapts
2023-05-20 15:26:15 +02:00
parent cf00a57a7d
commit c3cfc11f5f
1 changed files with 23 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/components/TopBar.vue
View File

@@ -58,18 +58,29 @@ const authModalInitialStateOpen = ref(
<button class="btn-sm btn" @click="close">Close</button> <button class="btn-sm btn" @click="close">Close</button>
</template> </template>
</Modal> </Modal>
<Modal v-else-if="user"> <template v-else-if="user">
<template #activator="{ open }"> <div class="dropdown-end dropdown">
<button class="btn-outline btn-sm btn py-1 text-white" @click="open"> <label tabindex="0" class="btn-outline btn-sm btn py-1 text-white">
{{ user.displayName || user.email }} <!-- {{ user.displayName || user.email }} -->
</button> <i class="fa-fw fa-solid fa-user-gear" />
</template> </label>
<template #default>Are you sure want to signout?</template> <ul
<template #actions="{ close }"> tabindex="0"
<button class="btn-sm btn" @click="close">Close</button> class="dropdown-content menu rounded-box menu-compact mt-1 w-52 bg-base-100 p-2 text-base-content shadow"
<button class="btn-primary btn-sm btn" @click="signOut(close)">Sign out</button> >
</template> <Modal>
</Modal> <template #activator="{ open }">
<li @click="open"><a><i class="fa-fw fa-solid fa-right-from-bracket" />Sign out</a></li>
</template>
<template #default>Are you sure want to signout?</template>
<template #actions="{ close }">
<button class="btn-sm btn" @click="close">Close</button>
<button class="btn-primary btn-sm btn" @click="signOut(close)">Sign out</button>
</template>
</Modal>
</ul>
</div>
</template>
</template> </template>
<SkeletonTopBar v-else /> <SkeletonTopBar v-else />
</div> </div>