poptong
83b162d2bd
Some checks failed
🚀 Deploy - Demo / deployment (push) Has been cancelled
- 웹훅 URL을 https://admin.youtooplay.com/webhook로 변경 - Nginx 리버스 프록시 설정 파일 추가 - 배포 가이드 업데이트
130 lines
3.0 KiB
Vue
130 lines
3.0 KiB
Vue
<script setup lang="ts">
|
|
import avatar1 from '@images/avatars/avatar-1.png'
|
|
</script>
|
|
|
|
<template>
|
|
<VBadge
|
|
dot
|
|
location="bottom right"
|
|
offset-x="3"
|
|
offset-y="3"
|
|
color="success"
|
|
bordered
|
|
>
|
|
<VAvatar
|
|
class="cursor-pointer"
|
|
color="primary"
|
|
variant="tonal"
|
|
>
|
|
<VImg :src="avatar1" />
|
|
|
|
<!-- SECTION Menu -->
|
|
<VMenu
|
|
activator="parent"
|
|
width="230"
|
|
location="bottom end"
|
|
offset="14px"
|
|
>
|
|
<VList>
|
|
<!-- 👉 User Avatar & Name -->
|
|
<VListItem>
|
|
<template #prepend>
|
|
<VListItemAction start>
|
|
<VBadge
|
|
dot
|
|
location="bottom right"
|
|
offset-x="3"
|
|
offset-y="3"
|
|
color="success"
|
|
>
|
|
<VAvatar
|
|
color="primary"
|
|
variant="tonal"
|
|
>
|
|
<VImg :src="avatar1" />
|
|
</VAvatar>
|
|
</VBadge>
|
|
</VListItemAction>
|
|
</template>
|
|
|
|
<VListItemTitle class="font-weight-semibold">
|
|
John Doe
|
|
</VListItemTitle>
|
|
<VListItemSubtitle>Admin</VListItemSubtitle>
|
|
</VListItem>
|
|
<VDivider class="my-2" />
|
|
|
|
<!-- 👉 Profile -->
|
|
<VListItem link>
|
|
<template #prepend>
|
|
<VIcon
|
|
class="me-2"
|
|
icon="bx-user"
|
|
size="22"
|
|
/>
|
|
</template>
|
|
|
|
<VListItemTitle>Profile</VListItemTitle>
|
|
</VListItem>
|
|
|
|
<!-- 👉 Settings -->
|
|
<VListItem link>
|
|
<template #prepend>
|
|
<VIcon
|
|
class="me-2"
|
|
icon="bx-cog"
|
|
size="22"
|
|
/>
|
|
</template>
|
|
|
|
<VListItemTitle>Settings</VListItemTitle>
|
|
</VListItem>
|
|
|
|
<!-- 👉 Pricing -->
|
|
<VListItem link>
|
|
<template #prepend>
|
|
<VIcon
|
|
class="me-2"
|
|
icon="bx-dollar"
|
|
size="22"
|
|
/>
|
|
</template>
|
|
|
|
<VListItemTitle>Pricing</VListItemTitle>
|
|
</VListItem>
|
|
|
|
<!-- 👉 FAQ -->
|
|
<VListItem link>
|
|
<template #prepend>
|
|
<VIcon
|
|
class="me-2"
|
|
icon="bx-help-circle"
|
|
size="22"
|
|
/>
|
|
</template>
|
|
|
|
<VListItemTitle>FAQ</VListItemTitle>
|
|
</VListItem>
|
|
|
|
<!-- Divider -->
|
|
<VDivider class="my-2" />
|
|
|
|
<!-- 👉 Logout -->
|
|
<VListItem to="/login">
|
|
<template #prepend>
|
|
<VIcon
|
|
class="me-2"
|
|
icon="bx-log-out"
|
|
size="22"
|
|
/>
|
|
</template>
|
|
|
|
<VListItemTitle>Logout</VListItemTitle>
|
|
</VListItem>
|
|
</VList>
|
|
</VMenu>
|
|
<!-- !SECTION -->
|
|
</VAvatar>
|
|
</VBadge>
|
|
</template>
|