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

Fixes profile loading page

Browse Source
This commit is contained in:
PascalMarchesseault
2024-07-26 13:35:00 -04:00
parent 6b5f8939b0
commit 7c381c1644
1 changed files with 18 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/views/main/Profile.vue
View File

@@ -7,7 +7,8 @@
<h1 class="text-2xl py-4 font-bold text-center md:text-left">Gérer votre compte Hutopy</h1>
<div class="relative flex items-center md:mt-0 w-full">
<!-- Navigation buttons for small screens -->
<button @click="scrollLeftFunc" class="rounded p-1 absolute left-2 z-10 md:hidden text-white bg-fuchsia-800">
<button @click="scrollLeftFunc"
class="rounded p-1 absolute left-2 z-10 md:hidden text-white bg-fuchsia-800">
<v-icon>mdi-chevron-left-box</v-icon>
</button>
<div
@@ -17,24 +18,25 @@
@mouseleave="mouseLeave"
@mouseup="mouseUp"
@mousemove="mouseMove">
<v-btn variant="text" @click="currentComponent = 'ManageAccount'">
<v-icon class="mr-2">mdi-account</v-icon>
Gestion de Comptes
<v-btn variant="text" @click="currentComponent = 'PageInformations'">
<v-icon class="mr-2">mdi-file-edit-outline</v-icon>
Informations de votre page
</v-btn>
<v-btn variant="text" @click="currentComponent = 'PersonnalInfo'">
<v-icon class="mr-2">mdi-information</v-icon>
Informations personnelles
</v-btn>
<v-btn variant="text" @click="currentComponent = 'PageInformations'">
<v-icon class="mr-2">mdi-file-edit-outline</v-icon>
Informations de votre page
<v-btn variant="text" @click="currentComponent = 'ManageAccount'">
<v-icon class="mr-2">mdi-account</v-icon>
Gestion de Comptes
</v-btn>
<v-btn variant="text" @click="currentComponent = 'AccountSecurity'">
<v-icon class="mr-2">mdi-security</v-icon>
Sécurité
</v-btn>
</div>
<button @click="scrollRightFunc" class="rounded p-1 absolute right-2 z-10 md:hidden text-white bg-fuchsia-800">
<button @click="scrollRightFunc"
class="rounded p-1 absolute right-2 z-10 md:hidden text-white bg-fuchsia-800">
<v-icon>mdi-chevron-right-box</v-icon>
</button>
</div>
@@ -76,8 +78,7 @@ const userStore = useUserStore();
const client = useClient();
const currentUser = ref(null);
const snackbar = ref(false);
const currentComponent = ref('ManageAccount'); // Default component
const currentComponent = ref('PageInformations'); // Default component
const isDown = ref(false);
const startX = ref(0);
const scrollLeft = ref(0);