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

I modified the banner section on large screens.

Browse Source
This commit is contained in:
PascalMarchesseault
2024-09-09 18:36:21 -04:00
parent 2d9c71be5e
commit 94950a3cba
5 changed files with 247 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,6 @@
<template>
<!-- Bannière-->
<div>
<div class="shadow-lg rounded-2xl">
<div class="relative z-20 -mt-2 md:mt-2">
<div>
<!-- Social Network UpperPart-->
@@ -26,12 +26,12 @@
</div>
</div>
</div>
<div class="max-h-2" :style="{ backgroundColor: creator.colors.accent || '#6B0065' }"> ></div>
<div class="h-1.5" :style="{ backgroundColor: creator.colors.accent || '#6B0065' }"> ></div>
<!--Banner-->
<div class="relative">
<div>
<img
class="w-full drop-shadow-[0_15px_10px_rgba(0,0,0,0.35)]"
class="w-full drop-shadow-[0_10px_6px_rgba(0,0,0,0.25)]"
:src="creator.images.banner ? creator.images.banner : '/images/placeholders/banner.png'"
alt="Profile Banner"
style="max-height: 425px"
@@ -40,7 +40,7 @@
</div>
</div>
<div class="max-h-2" :style="{ backgroundColor: creator.colors.accent || '#6B0065' }"> ></div>
<div class="h-1.5" :style="{ backgroundColor: creator.colors.accent || '#6B0065' }"> </div>
<!--actions - Lowerpart-->
<banner-actions :creator="creator" @content-posted="addContent"></banner-actions>
</div>