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

clean file

Browse Source
This commit is contained in:
PascalMarchesseault
2024-08-19 16:34:15 -04:00
parent acda3e6b2a
commit f9e814d989
1 changed files with 31 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,46 +1,43 @@
<template> <template>
<!-- Bannière--> <!-- Bannière-->
<div> <div>
<div class="relative z-20 -mt-2 md:mt-2"> <div class="relative z-20 -mt-2 md:mt-2">
<div> <div>
<!-- Social Network UpperPart--> <!-- Social Network UpperPart-->
<div class="py-4 px-4 min-h-14 md:rounded-t-none md:rounded-t-2xl" <div class="py-4 px-4 min-h-14 md:rounded-t-2xl"
:style="{ backgroundColor: creator.colors.bannerTop || '#6B0065' }"> :style="{ backgroundColor: creator.colors.bannerTop || '#6B0065' }">
<div class="w-full flex justify-end gap-14 "> <div class="w-full flex justify-end gap-14 ">
<a <a
v-for="socialNetwork in GetSocialsUrls()" v-for="socialNetwork in GetSocialsUrls()"
:href="socialNetwork.url" :href="socialNetwork.url"
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" <img v-if="socialNetwork.icon.includes('tiktok')" :src="socialNetwork.icon" class="w-9 h-9"
alt="Tiktok"> 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>
</div>
</div>
</div>
<!--Banner -->
<div class="relative">
<!--Banner-->
<div>
<img class=" w-full drop-shadow-[0_15px_10px_rgba(0,0,0,0.35)]"
:src="creator.images.banner"
alt="Profile Banner" style="max-height: 425px">
</div> </div>
</div> </div>
</div> </div>
<!--Banner -->
<div class="relative">
<!--Banner-->
<div>
<img class=" w-full drop-shadow-[0_15px_10px_rgba(0,0,0,0.35)]"
:src="creator.images.banner"
alt="Profile Banner" style="max-height: 425px">
</div>
</div>
</div>
<!--actions - Lowerpart--> <!--actions - Lowerpart-->
<banner-actions :creator="creator" @content-posted="addContent"></banner-actions> <banner-actions :creator="creator" @content-posted="addContent"></banner-actions>
</div>
</div>
</template> </template>
<script setup> <script setup>