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>
<!-- Bannière-->
<div>
<div class="relative z-20 -mt-2 md:mt-2">
<div>
<!-- Social Network UpperPart-->
<div class="py-4 px-4 min-h-14 md:rounded-t-none md:rounded-t-2xl"
:style="{ backgroundColor: creator.colors.bannerTop || '#6B0065' }">
<div>
<div class="relative z-20 -mt-2 md:mt-2">
<div>
<!-- Social Network UpperPart-->
<div class="py-4 px-4 min-h-14 md:rounded-t-2xl"
:style="{ backgroundColor: creator.colors.bannerTop || '#6B0065' }">
<div class="w-full flex justify-end gap-14 ">
<a
v-for="socialNetwork in GetSocialsUrls()"
:href="socialNetwork.url"
target="_blank"
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>
<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"
alt="Website">
</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 class="w-full flex justify-end gap-14 ">
<a
v-for="socialNetwork in GetSocialsUrls()"
:href="socialNetwork.url"
target="_blank"
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>
<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"
alt="Website">
</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>
<!--actions - Lowerpart-->
<banner-actions :creator="creator" @content-posted="addContent"></banner-actions>
</div>
</div>
</template>
<script setup>