1
0
elk/components/nav/NavUser.vue

22 lines
553 B
Vue
Raw Normal View History

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