arthur/website-old
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/website-old.git synced 2026-01-29 03:10:41 +01:00
Code Issues 31 Packages Projects Releases Wiki Activity

Move social links in a component

Browse Source
This commit is contained in:
Arthur Danjou
2021-08-25 12:49:34 +02:00
parent 8732f7c117
commit 62621587d7
3 changed files with 44 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/components/SocialList.vue Normal file
View File

@@ -0,0 +1,40 @@
<template>
<div class="social-links">
<a target="_blank" href="https://twitter.com/ArthurDanj" rel="noopener noreferrer">
<TwitterIcon />
</a>
<a target="_blank" href="https://github.com/ArthurDanjou" rel="noopener noreferrer">
<GithubIcon />
</a>
<a target="_blank" href="https://www.polywork.com/arthurdanjou" rel="noopener noreferrer">
<PolyworkIcon />
</a>
<a target="_blank" href="https://www.twitch.tv/arthurdanjou" rel="noopener noreferrer">
<TwitchIcon />
</a>
<a target="_blank" href="https://go.arthurdanjou.fr/discord" rel="noopener noreferrer">
<DiscordIcon />
</a>
<a target="_blank" href="mailto:contact@arthurdanjou.fr" rel="noopener noreferrer">
<MailIcon />
</a>
</div>
</template>
<script>
export default {
name: "SocialList"
}
</script>
<style lang="scss">
.social-links a {
svg {
@apply h-6 w-6 duration-300
}
&:hover svg {
@apply transform hover:scale-120
}
}
</style>