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.
34 lines
965 B
34 lines
965 B
--- |
|
import Popup from '../Popup/Popup.astro'; |
|
import EmailLoginForm from './EmailLoginForm'; |
|
import Divider from './Divider.astro'; |
|
import { GitHubButton } from './GitHubButton'; |
|
import { GoogleButton } from './GoogleButton'; |
|
import { LinkedInButton } from './LinkedInButton'; |
|
--- |
|
|
|
<Popup id='login-popup' title='' subtitle=''> |
|
<div class='text-center'> |
|
<h2 class='mb-3 text-2xl font-semibold leading-5 text-slate-900'> |
|
Login to your account |
|
</h2> |
|
<p class='mt-2 text-sm leading-4 text-slate-600'> |
|
You must be logged in to perform this action. |
|
</p> |
|
</div> |
|
|
|
<div class='mt-7 flex flex-col gap-2'> |
|
<GitHubButton client:load /> |
|
<GoogleButton client:load /> |
|
<LinkedInButton client:load /> |
|
</div> |
|
|
|
<Divider /> |
|
|
|
<EmailLoginForm client:load /> |
|
|
|
<div class='mt-6 text-center text-sm text-slate-600'> |
|
Don't have an account?{' '} |
|
<a href='/signup' class='font-medium text-[#4285f4]'>Sign up</a> |
|
</div> |
|
</Popup>
|
|
|