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

Tweaking banner component

Browse Source
This commit is contained in:
PascalMarchesseault
2024-08-08 00:59:10 -04:00
parent 31f186ada9
commit 6409303139
3 changed files with 73 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -39,6 +39,7 @@
<div class="flex flex-col items-center lg:flex-row lg:items-center lg:justify-between">
<!-- Profile Image Wrapper -->
<div class="relative flex justify-center lg:w-auto lg:justify-start">
<!-- Profile Image -->
<div class="absolute lg:ml-72 transform -translate-y-1/2 lg:-translate-y-1/2 z-20">
<img
@@ -53,20 +54,27 @@
<!-- User Info -->
<div class="mt-2 flex flex-col items-center lg:items-start lg:ml-64">
<div class="text-3xl font-bold text-center lg:text-left md:mt-24 lg:mt-0 sm:mt-24 mt-24 text-white cap ">
<p class="capitalize">{{ creator.name }}</p>
<p class="capitalize ">{{ creator.name }} </p>
<div class="text-lg text-white">{{ creator.subscriberCount }} Abonnés</div>
</div>
<div class="text-lg text-white">{{ creator.subscriberCount }} Abonnés</div>
</div>
<div class="px-6 mt-2">
<subscribe-button :creator="creator"></subscribe-button>
</div>
<div class="flex flex-row align-center">
</div>
<!-- Buttons -->
<div class="flex flex-wrap items-center mt-2 sm:mt-8 md:mt-4 lg:mt-0 lg:ml-auto space-x-2 sm:space-x-4">
<creator-about :creator="creator"></creator-about>
<subscribe-button :creator="creator"></subscribe-button>
<publish-content-button :creator="creator"></publish-content-button>
<div class="text-white text-2xl">{{ creator.about.title }}</div>
<creator-about :creator="creator"></creator-about>
</div>
</div>
</div>