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

I have added a new window to create a new user.

Browse Source
This commit is contained in:
PascalMarchesseault
2024-08-05 22:25:54 -04:00
parent f9d8e724fc
commit b83db5b33b
6 changed files with 157 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -27,7 +27,7 @@
<div>
<img class=" w-full drop-shadow-[0_15px_10px_rgba(0,0,0,0.7)]"
:src="creator.storedDataUrls.bannerPictureUrl || '/images/hutopymedia/banners/tutorialbanner.png'"
alt="Profile Banner" style="max-height: 550px">
alt="Profile Banner" style="max-height: 425px">
</div>
</div>
</div>
@@ -52,8 +52,8 @@
<!-- 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">
<p :style="{ color: creator.profileColors.accent }">{{ creator.firstName }} {{ creator.lastName }}</p>
<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>
</div>
<div class="text-2xl text-center lg:text-left">
<p :style="{ color: creator.profileColors.accent }">{{ creator.occupation }}</p>
@@ -62,8 +62,7 @@
</div>
<!-- Buttons -->
<div
class="flex flex-wrap items-center justify-center mt-2 sm:mt-8 md:mt-4 lg:mt-0 lg:ml-auto space-x-2 sm:space-x-4 ml-">
<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">
<AboutYou :creator="creator"></AboutYou>
<subscribe-button :creator="creator"></subscribe-button>

12
src/views/creators/SubscribeButton.vue
View File

@@ -23,7 +23,7 @@ function unsubscribeFromCreator() {
<template>
<template v-if="isSubscribe">
<v-btn class="action"
<v-btn class="action mr-4"
@click="subscribeToCreator()"
style="transition: background-color 0.3s ease;">
S'ABONNER
@@ -31,7 +31,7 @@ function unsubscribeFromCreator() {
</template>
<template v-else>
<v-btn class="action"
<v-btn class="action mr-4"
@click="unsubscribeFromCreator()"
style="transition: background-color 0.3s ease;">
SE DESABONNER
@@ -43,7 +43,11 @@ function unsubscribeFromCreator() {
<style scoped>
.action {
@apply py-2 px-4 rounded bg-gray-100 hover:bg-gray-300
}
@apply py-2 px-4 rounded bg-gray-100 hover:bg-gray-300
}
</style>