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

Merged PR 38: CreatorFolio - fixe modal mobile

Browse Source 
CreatorFolio - fixe modal mobile
This commit is contained in:
Dominic Villemure
2024-04-25 03:12:39 +00:00
parent ee3ac03a56 429fe285f8
commit ef18885b56
1 changed files with 7 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/views/main/CreatorFolio.vue
View File

@@ -118,7 +118,7 @@
<v-img src="/images/hutopymedia/banners/hutopy.png" alt="Description de l'image" <v-img src="/images/hutopymedia/banners/hutopy.png" alt="Description de l'image"
style="height: 150px; width: 300px;" class="mx-auto" :elevation="10"></v-img> style="height: 150px; width: 300px;" class="mx-auto" :elevation="10"></v-img>
<v-list dense class="main-background"> <v-list dense class="main-background">
<v-list-item v-for="item in navigationItems"> <v-list-item v-for="item in navigationItems" :key="item.link">
<router-link :to="item.link"> <router-link :to="item.link">
<v-btn text class="d-flex align-start align-center main-background" elevation="0" <v-btn text class="d-flex align-start align-center main-background" elevation="0"
outlined="false"> outlined="false">
@@ -130,13 +130,13 @@
<v-list-item> <v-list-item>
<v-dialog transition="dialog-top-transition" width="auto"> <v-dialog transition="dialog-top-transition" width="auto">
<template v-slot:activator="{ props: activatorProps }"> <!-- <template v-slot:activator="{ props: activatorProps }">
<!-- <v-btn v-bind="activatorProps" text class="d-flex align-start align-center main-background" <v-btn v-bind="activatorProps" text class="d-flex align-start align-center main-background"
elevation="0" outlined="false"> elevation="0" outlined="false">
<v-icon left class="mr-4">mdi-wallet</v-icon> <v-icon left class="mr-4">mdi-wallet</v-icon>
<p @click="isActive.value = false">Bourse</p> <p @click="isActive.value = false">Bourse</p>
</v-btn>--> </v-btn>
</template> </template>-->
<!-- Wallet Modale --> <!-- Wallet Modale -->
<template v-slot:default="{ isActive }"> <template v-slot:default="{ isActive }">
@@ -544,15 +544,12 @@ import DefaultLayout from '@/layouts/DefaultLayout.vue';
import FooterLayout from '@/layouts/FooterLayout.vue'; import FooterLayout from '@/layouts/FooterLayout.vue';
import { ref } from 'vue'; import { ref } from 'vue';
import StripePayment from '../StripePayment.vue'; import StripePayment from '../StripePayment.vue';
const accepted = ref(false);
const decline = ref(false);
let imageSrc = '/images/usersmedia/guillaumeMousseau/banners/bannerGuillaumeMousseau01.png'; let imageSrc = '/images/usersmedia/guillaumeMousseau/banners/bannerGuillaumeMousseau01.png';
let profilePicture = '/images/usersmedia/guillaumeMousseau/profilepictures/profileGuillaumeMousseau01.png'; let profilePicture = '/images/usersmedia/guillaumeMousseau/profilepictures/profileGuillaumeMousseau01.png';
let name = 'Guillaume Mousseau' let name = 'Guillaume Mousseau'
let title = 'Créateur de contenus' let title = 'Créateur de contenus'
let drawerbottom = false let drawerbottom = ref(false)
let navigationItems = [ let navigationItems = [
{ icon: 'mdi-home', text: 'Accueil', link: 'home' }, { icon: 'mdi-home', text: 'Accueil', link: 'home' },
{ icon: 'mdi-account-group', text: 'Amis', link: '/contact' }, { icon: 'mdi-account-group', text: 'Amis', link: '/contact' },