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

Added Modals for Informations personnelles

Browse Source
This commit is contained in:
PascalMarchesseault
2024-07-27 00:01:08 -04:00
parent 7c381c1644
commit 5f1b8a1598
8 changed files with 184 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/Profile/PersonnalInfo.vue
View File

@@ -11,7 +11,7 @@
<button
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full"
@click="openModal('Name')">
<span class="min-w-32 text-left">Photo de profil</span>
<span class="min-w-40 text-left">Photo de profil</span>
<span class="flex-auto pr-6 text-left">Une photo de profil aide à personnaliser votre compte</span>
<span class="flex-none">
<img
@@ -25,7 +25,7 @@
<button
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full"
@click="openModal('Name')">
<span class="pa-2 min-w-32 text-left">Nom</span>
<span class="pa-2 min-w-40 text-left">Nom</span>
<span class="flex-auto text-left pr-6">Pascal Marchesseault</span>
<span class="flex-none">
<v-icon>mdi-chevron-right</v-icon>
@@ -35,7 +35,7 @@
<button
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full"
@click="openModal('Birthday')">
<span class="flex-none pa-2 min-w-32 text-left">Anniversaire</span>
<span class="flex-none pa-2 min-w-40 text-left">Date de naissance</span>
<span class="flex-auto text-left pr-6">27 octobre 1988</span>
<span class="flex-none">
<v-icon>mdi-chevron-right</v-icon>
@@ -45,7 +45,7 @@
<button
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out rounded-b-2xl w-full"
@click="openModal('Gender')">
<span class="flex-none pa-2 min-w-32 text-left">Genre</span>
<span class="flex-none pa-2 min-w-40 text-left">Genre</span>
<span class="flex-auto text-left pr-6">Homme</span>
<span class="flex-none">
<v-icon>mdi-chevron-right</v-icon>
@@ -64,7 +64,7 @@
<button
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full"
@click="openModal('Email')">
<span class="min-w-32 text-left">Courriel</span>
<span class="min-w-40 text-left">Courriel</span>
<span class="flex-auto pr-6 text-left">marchesseault_pascal@hotmail.com</span>
<span class="flex-none">
<v-icon>mdi-chevron-right</v-icon>
@@ -74,7 +74,7 @@
<button
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl"
@click="openModal('Phone')">
<span class="pa-2 min-w-32 text-left">Téléphone</span>
<span class="pa-2 min-w-40 text-left">Téléphone</span>
<span class="flex-auto text-left pr-6">(581) 999-7540</span>
<span class="flex-none">
<v-icon>mdi-chevron-right</v-icon>
@@ -93,7 +93,7 @@
<button
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full"
@click="openModal('AdressesHome')">
<span class="min-w-32 text-left">Domicile</span>
<span class="min-w-40 text-left">Domicile</span>
<span class="flex-auto pr-6 text-left">2127 Rue De Casson, Trois-Rivières, Qc</span>
<span class="flex-none">
<v-icon>mdi-chevron-right</v-icon>
@@ -103,7 +103,7 @@
<button
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl"
@click="openModal('AdressesWork')">
<span class="pa-2 min-w-32 text-left">Travail</span>
<span class="pa-2 min-w-40 text-left">Travail</span>
<span class="flex-auto pr-6 text-left">2127 Rue De Casson, Trois-Rivières, Qc</span>
<span class="flex-none">
<v-icon>mdi-chevron-right</v-icon>