initial commit
This commit is contained in:
@@ -0,0 +1,39 @@
|
||||
<script setup>
|
||||
import { useTheme } from 'vuetify'
|
||||
|
||||
const { global } = useTheme()
|
||||
|
||||
const authProviders = [
|
||||
{
|
||||
icon: 'fa-facebook',
|
||||
color: '#4267b2',
|
||||
},
|
||||
{
|
||||
icon: 'fa-google',
|
||||
color: '#dd4b39',
|
||||
},
|
||||
{
|
||||
icon: 'fa-twitter',
|
||||
color: '#1da1f2',
|
||||
},
|
||||
]
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="d-flex justify-center flex-wrap gap-3">
|
||||
<VBtn
|
||||
v-for="link in authProviders"
|
||||
:key="link.icon"
|
||||
icon
|
||||
variant="tonal"
|
||||
size="38"
|
||||
:color="global.name.value === 'dark' ? link.colorInDark : link.color"
|
||||
class="rounded"
|
||||
>
|
||||
<VIcon
|
||||
size="18"
|
||||
:icon="link.icon"
|
||||
/>
|
||||
</VBtn>
|
||||
</div>
|
||||
</template>
|
||||
Reference in New Issue
Block a user