committed by
GitHub
27 changed files with 73 additions and 27 deletions
@ -0,0 +1,37 @@ |
|||||
|
<script setup lang="ts"> |
||||
|
import { MdiGithub, MdiGoogle, MdiQqchat, MdiWechat } from '@vben/icons'; |
||||
|
import { $t } from '@vben/locales'; |
||||
|
|
||||
|
import { VbenIconButton } from '@vben-core/shadcn-ui'; |
||||
|
|
||||
|
defineOptions({ |
||||
|
name: 'ThirdPartyLogin', |
||||
|
}); |
||||
|
</script> |
||||
|
|
||||
|
<template> |
||||
|
<div class="w-full sm:mx-auto md:max-w-md"> |
||||
|
<div class="mt-4 flex items-center justify-between"> |
||||
|
<span class="border-input w-[35%] border-b dark:border-gray-600"></span> |
||||
|
<span class="text-muted-foreground text-center text-xs uppercase"> |
||||
|
{{ $t('authentication.thirdPartyLogin') }} |
||||
|
</span> |
||||
|
<span class="border-input w-[35%] border-b dark:border-gray-600"></span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="mt-4 flex flex-wrap justify-center"> |
||||
|
<VbenIconButton class="mb-3"> |
||||
|
<MdiWechat /> |
||||
|
</VbenIconButton> |
||||
|
<VbenIconButton class="mb-3"> |
||||
|
<MdiQqchat /> |
||||
|
</VbenIconButton> |
||||
|
<VbenIconButton class="mb-3"> |
||||
|
<MdiGithub /> |
||||
|
</VbenIconButton> |
||||
|
<VbenIconButton class="mb-3"> |
||||
|
<MdiGoogle /> |
||||
|
</VbenIconButton> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
Loading…
Reference in new issue