jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adds SVG for all social network icons

Browse Source
This commit is contained in:
Jonathan Bourdon
2025-02-13 00:22:40 -05:00
parent be06638582
commit d2e5810736
29 changed files with 422 additions and 521 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/src/views/main/Footer.vue
View File

@@ -1,7 +1,7 @@
<script setup>
import XIcon from '@/assets/icons/x.svg'
import FacebookIcon from '@/assets/icons/facebook.svg'
import InstagramIcon from '@/assets/icons/instagram.svg'
import Instagram from "@/views/svg/Instagram.vue";
import Facebook from "@/views/svg/Facebook.vue";
import X from "@/views/svg/X.vue";
</script>
<template>
@@ -14,16 +14,16 @@ import InstagramIcon from '@/assets/icons/instagram.svg'
</div>
<div class="flex flex-row justify-center gap-10">
<a href="https://www.facebook.com/profile.php?id=61556819217561">
<facebook-icon class="icon"></facebook-icon>
<a href="https://www.facebook.com/profile.php?id=61556819217561" target="_blank">
<facebook class="social-icon"></facebook>
</a>
<a href="https://www.instagram.com/hutopy.inc/">
<instagram-icon class="icon"></instagram-icon>
<a href="https://www.instagram.com/hutopy.inc/" target="_blank">
<instagram class="social-icon"></instagram>
</a>
<a href="https://x.com/Hutopyinc/">
<x-icon class="icon"></x-icon>
<a href="https://x.com/Hutopyinc/" target="_blank">
<x class="social-icon"></x>
</a>
</div>
@@ -68,9 +68,9 @@ import InstagramIcon from '@/assets/icons/instagram.svg'
<style scoped>
.icon {
.social-icon {
@apply fill-current w-8 h-8;
fill: var(--h-on-background);
@apply text-hOnBackground;
}
.link {