elk/components/nav/NavUser.vue
三咲智子 313cafa23c
feat: wip
2023-01-04 23:41:32 +08:00

24 lines
696 B
Vue

<template>
<VDropdown v-if="isMastoInitialised && currentUser" sm:hidden>
<div style="-webkit-touch-callout: none;">
<AccountAvatar
v-if="!currentUser.guest"
ref="avatar"
:account="currentUser.account"
h-8
w-8
:draggable="false"
/>
<div v-else bg="gray/40" rounded-full w-8 h-8 flex items-center justify-center text-5>
G
</div>
</div>
<template #popper="{ hide }">
<UserSwitcher ref="switcher" @click="hide()" />
</template>
</VDropdown>
<button v-else btn-solid text-sm px-2 py-1 text-center lg:hidden @click="openSigninDialog()">
{{ $t('action.sign_in') }}
</button>
</template>