computer-scienceangular-roadmapbackend-roadmapblockchain-roadmapdba-roadmapdeveloper-roadmapdevops-roadmapfrontend-roadmapgo-roadmaphactoberfestjava-roadmapjavascript-roadmapnodejs-roadmappython-roadmapqa-roadmapreact-roadmaproadmapstudy-planvue-roadmapweb3-roadmap
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
1.2 KiB
44 lines
1.2 KiB
--- |
|
import Icon from '../AstroIcon.astro'; |
|
--- |
|
|
|
<div class='relative hidden' data-auth-required> |
|
<button |
|
class='flex h-8 w-28 items-center justify-center rounded-full bg-gradient-to-r from-purple-500 to-purple-700 px-4 py-2 text-sm font-medium text-white hover:from-purple-500 hover:to-purple-600' |
|
type='button' |
|
data-account-button |
|
> |
|
<span class='inline-flex items-center gap-1.5'> |
|
Account |
|
<Icon |
|
icon='chevron-down' |
|
class='relative top-[0.5px] h-3 w-3 stroke-[3px]' |
|
/> |
|
</span> |
|
</button> |
|
|
|
<div |
|
class='absolute right-0 z-50 mt-2 hidden w-48 rounded-md bg-slate-800 py-1 shadow-xl' |
|
data-account-dropdown |
|
> |
|
<ul> |
|
<li class='px-1'> |
|
<a |
|
href='/account' |
|
class='block rounded px-4 py-2 text-sm font-medium text-slate-100 hover:bg-slate-700' |
|
> |
|
Profile |
|
</a> |
|
</li> |
|
<li class='px-1'> |
|
<button |
|
class='block w-full rounded px-4 py-2 text-left text-sm font-medium text-slate-100 hover:bg-slate-700' |
|
type='button' |
|
data-logout-button |
|
> |
|
Logout |
|
</button> |
|
</li> |
|
</ul> |
|
</div> |
|
</div>
|
|
|