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