TheCloud/PronounsPage
1
0
Fork 0
mirror of https://gitlab.com/PronounsPage/PronounsPage.git synced 2025-09-27 06:52:35 -04:00
Code Issues Packages Projects Releases Wiki Activity

social login providers - change order and give buttons more breathing space

Browse Source
This commit is contained in:
Andrea Vos 2022-12-09 20:04:04 +01:00
parent 7504b37254
commit 659a95b6fd
2 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/SocialLogin.vue
View File

@ -1,5 +1,6 @@
<template> <template>
<div v-if="options.instanceRequired && formShown" class="btn border-primary text-primary"> <div v-if="options.instanceRequired && formShown" class="btn border-primary text-primary">
<div class="p-1">
<Icon :v="options.icon || provider" set="b"/> <Icon :v="options.icon || provider" set="b"/>
{{ options.name }} {{ options.name }}
@ -11,13 +12,16 @@
<Icon v="arrow-right"/> <Icon v="arrow-right"/>
</button> </button>
</form> </form>
</div>
</div> </div>
<button v-else-if="options.instanceRequired && !formShown" <button v-else-if="options.instanceRequired && !formShown"
class="btn btn-outline-primary" class="btn btn-outline-primary p-2"
@click="showForm"> @click="showForm">
<div class="p-1">
<Icon :v="options.icon || provider" set="b" <Icon :v="options.icon || provider" set="b"
:class="[options.icon && options.icon.endsWith('.png') ? 'mx-1 invertible' : '']"/> :class="[options.icon && options.icon.endsWith('.png') ? 'mx-1 invertible' : '']"/>
{{ options.name }} {{ options.name }}
</div>
</button> </button>
<a v-else-if="options.deprecated" :href="link" <a v-else-if="options.deprecated" :href="link"
class="btn btn-outline-secondary btn-sm" class="btn btn-outline-secondary btn-sm"
@ -29,8 +33,10 @@
<a v-else :href="link" <a v-else :href="link"
class="btn btn-outline-primary" class="btn btn-outline-primary"
> >
<div class="p-1">
<Icon :v="options.icon || provider" set="b"/> <Icon :v="options.icon || provider" set="b"/>
{{ options.name }} {{ options.name }}
</div>
</a> </a>
</template> </template>

14
src/socialProviders.js
View File

@ -14,13 +14,6 @@ export const socialProviders = {
iconMargin: true, iconMargin: true,
avatars: false, avatars: false,
}, },
twitter: {
name: 'Twitter',
linkRegex: (p) => `^https?://(?:www.)?twitter.com/${p.name}/?$`,
redirectViaHome: true,
avatars: true,
deprecated: 'https://en.pronouns.page/blog/twitter-login-deprecated',
},
discord: { discord: {
name: 'Discord', name: 'Discord',
redirectViaHome: true, redirectViaHome: true,
@ -31,6 +24,13 @@ export const socialProviders = {
redirectViaHome: true, redirectViaHome: true,
avatars: true, avatars: true,
}, },
twitter: {
name: 'Twitter',
linkRegex: (p) => `^https?://(?:www.)?twitter.com/${p.name}/?$`,
redirectViaHome: true,
avatars: true,
deprecated: 'https://en.pronouns.page/blog/twitter-login-deprecated',
},
facebook: { facebook: {
name: 'Facebook', name: 'Facebook',
redirectViaHome: true, redirectViaHome: true,