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

I added the "About Us" button in the banner section and connected it with the backend.

Browse Source
This commit is contained in:
PascalMarchesseault
2024-07-13 12:28:07 -04:00
committed by Jonathan Bourdon
parent 92908869b3
commit d9f4973319
2 changed files with 68 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -61,7 +61,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">
<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-">
<button v-if="creator.id === userStore.getCurrentUser().id"
class="flex items-center text-white transform transition-transform duration-200 hover:text-gray-300 hover:scale-125"
@click="isDialogActive = true">
@@ -76,10 +76,7 @@
class="flex items-center text-white transform transition-transform duration-200 hover:text-white hover:scale-125">
<v-icon style="font-size: 35px; height: 35px; width: 55px;">mdi-comment-text</v-icon>
</button>
<button
class="flex items-center text-white transform transition-transform duration-200 hover:text-gray-300 hover:scale-125">
<v-icon style="font-size: 35px; height: 35px; width: 55px;">mdi-information</v-icon>
</button>
<AboutYou :creator="creator"></AboutYou>
</div>
</div>
</div>
@@ -126,6 +123,7 @@
</v-dialog>
</template>
<script setup>
@@ -133,6 +131,7 @@
import {defineProps, ref} from "vue";
import {useUserStore} from "@/stores/user.js";
import SeizeIndicator from "@/views/tools/SeizeIndicator.vue";
import AboutYou from "@/views/creators/AboutYou.vue";
const props = defineProps({
creator: { type: Object, required: true },