elk/components/nav/NavUser.vue

22 lines
553 B
Vue
Raw Permalink Normal View History

2022-11-27 11:16:27 +00:00
<template>
2023-01-15 08:38:02 +00:00
<VDropdown v-if="isHydrated && currentUser" sm:hidden>
2022-11-27 11:16:27 +00:00
<div style="-webkit-touch-callout: none;">
<AccountAvatar
ref="avatar"
:account="currentUser.account"
h-8
w-8
2022-11-27 11:16:27 +00:00
:draggable="false"
square
2022-11-27 11:16:27 +00:00
/>
</div>
<template #popper="{ hide }">
<UserSwitcher ref="switcher" @click="hide()" />
2022-11-27 11:16:27 +00:00
</template>
</VDropdown>
2023-01-05 14:03:45 +00:00
<button v-else btn-solid text-sm px-2 py-1 text-center xl:hidden @click="openSigninDialog()">
2022-11-29 07:18:28 +00:00
{{ $t('action.sign_in') }}
2022-11-27 11:16:27 +00:00
</button>
</template>