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

Change Banner width

Browse Source
This commit is contained in:
PascalMarchesseault
2024-08-17 11:47:41 -04:00
parent a923dd93c0
commit c2b63a26b8
1 changed files with 79 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/creators/CreatorBanner.vue
View File

@@ -1,6 +1,7 @@
<template> <template>
<!-- Bannière--> <!-- Bannière-->
<div class="relative bottom-4 z-20 m"> <div>
<div class="relative z-20">
<div class="relative flex flex-col"> <div class="relative flex flex-col">
<!-- Social Network--> <!-- Social Network-->
<div class="bg-opacity-50 flex flex-col md:flex-row items-center py-4 px-4 min-h-14" <div class="bg-opacity-50 flex flex-col md:flex-row items-center py-4 px-4 min-h-14"
@@ -12,7 +13,8 @@
target="_blank" target="_blank"
class="text-white text-2xl transform transition-transform duration-200 hover:scale-125 hover:text-blue-500"> class="text-white text-2xl transform transition-transform duration-200 hover:scale-125 hover:text-blue-500">
<v-icon v-if="socialNetwork.icon.includes('mdi')">{{ socialNetwork.icon }}</v-icon> <v-icon v-if="socialNetwork.icon.includes('mdi')">{{ socialNetwork.icon }}</v-icon>
<img v-if="socialNetwork.icon.includes('tiktok')" :src="socialNetwork.icon" class="w-9 h-9" alt="Tiktok"> <img v-if="socialNetwork.icon.includes('tiktok')" :src="socialNetwork.icon" class="w-9 h-9"
alt="Tiktok">
<img v-if="socialNetwork.icon.includes('websiteIcon')" :src="socialNetwork.icon" class="w-9 h-9" <img v-if="socialNetwork.icon.includes('websiteIcon')" :src="socialNetwork.icon" class="w-9 h-9"
alt="Website"> alt="Website">
</a> </a>
@@ -92,6 +94,8 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</template> </template>
<script setup> <script setup>