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

Change color of svg

Browse Source
This commit is contained in:
PascalMarchesseault
2024-08-06 11:58:23 -04:00
parent 9d8735e7a8
commit c7f82ac894
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/main/SelectedFooter.vue
View File

@@ -7,15 +7,15 @@
<div class="flex flex-row justify-center space-x-10 py-10"> <div class="flex flex-row justify-center space-x-10 py-10">
<a href="https://www.facebook.com/profile.php?id=61556819217561"> <a href="https://www.facebook.com/profile.php?id=61556819217561">
<v-icon size="40px">mdi-facebook</v-icon> <v-icon size="40px" class="text-fuchsia-900">mdi-facebook</v-icon>
</a> </a>
<a href="https://www.instagram.com/hutopy.inc/"> <a href="https://www.instagram.com/hutopy.inc/">
<v-icon size="40px">mdi-instagram</v-icon> <v-icon size="40px" class="text-fuchsia-900">mdi-instagram</v-icon>
</a> </a>
<a href="https://x.com/Hutopyinc/"> <a href="https://x.com/Hutopyinc/">
<img src="/images/hutopymedia/icons/x.svg" width="34px" height="34px" class="mt-1 custom-color fill-current"> <img src="/images/hutopymedia/icons/x.svg" width="34px" height="34px" class="mt-1 filter-fushia ">
</a> </a>
</div> </div>
@@ -50,3 +50,9 @@
<script setup lang="ts"> <script setup lang="ts">
</script> </script>
<style>
.filter-fushia{
filter: invert(14%) sepia(60%) saturate(4103%) hue-rotate(285deg) brightness(84%) contrast(93%);
}
</style>