From e6b2c71d5414f37c7480d5bddefa7717a2c943a7 Mon Sep 17 00:00:00 2001 From: PascalMarchesseault <97350299+PascalMarchesseault@users.noreply.github.com> Date: Thu, 27 Jun 2024 02:10:15 -0400 Subject: [PATCH] we played with the colors and add wallet.vue --- index.html | 2 +- src/App.vue | 19 ++- src/router/index.js | 14 ++- src/views/main/Footer.vue | 114 +++++++++--------- src/views/main/Header.vue | 85 +++---------- .../main/{YourProfile.vue => Profile.vue} | 4 +- src/views/main/SideBar.vue | 20 +-- src/views/main/SiteMenu.vue | 21 ++-- src/views/main/Wallet.vue | 10 ++ 9 files changed, 128 insertions(+), 161 deletions(-) rename src/views/main/{YourProfile.vue => Profile.vue} (97%) create mode 100644 src/views/main/Wallet.vue diff --git a/index.html b/index.html index 7846ff0..f5eff92 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,5 @@ - + diff --git a/src/App.vue b/src/App.vue index 7adf732..b4bfa34 100644 --- a/src/App.vue +++ b/src/App.vue @@ -2,23 +2,23 @@
-
+
- +
+ class=" fixed h-full min-w-60 border-r-2 bg-white z-30 transition-transform duration-700">
- -
+ +
@@ -61,7 +61,7 @@ import {ref, onMounted, onUnmounted} from 'vue'; import StripePayment from "@/views/StripePayment.vue"; import {eventBus} from '@/eventBus.js'; -const hideSideBar = ref(false); +const hideSideBar = ref(false); const showPopup = ref(false); const popup = ref(null); const popupButton = ref(null); @@ -79,7 +79,7 @@ const openSidebar = () => { const startCloseSidebarTimer = () => { closeSidebarTimer = setTimeout(() => { hideSideBar.value = true; - }, 500); + }, 500); }; const clearCloseSidebarTimer = () => { @@ -124,8 +124,7 @@ onUnmounted(() => { transition: transform 0.7s ease, opacity 0.7s ease; } -.slide-fade-enter, .slide-fade-leave-to -{ +.slide-fade-enter, .slide-fade-leave-to { transform: translateX(-100%); opacity: 0; } diff --git a/src/router/index.js b/src/router/index.js index cb603d2..c747095 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -14,7 +14,8 @@ import SignupView from '../views/SignupView.vue' import Join from '../views/main/Join.vue' import Home from '../views/main/Home.vue' import Browse from '../views/main/Browse.vue' -import YourProfile from '../views/main/YourProfile.vue' +import Wallet from '../views/main/Wallet.vue' +import Profile from '../views/main/Profile.vue' import ChloeBeaugrand from '../views/manualusers/ChloeProfile.vue' import Leffet from '../views/manualusers/LeffetProfile.vue' import MathieuCaron from '../views/manualusers/MathieuCaron.vue' @@ -111,9 +112,9 @@ const routes = [ component: PaymentCompleted }, { - path: '/yourprofile', - name: 'yourprofile', - component: YourProfile + path: '/profile', + name: 'profile', + component: Profile }, { path: '/signup', @@ -125,6 +126,11 @@ const routes = [ name: 'login', component: LoginView }, + { + path: '/wallet', + name: 'wallet', + component: Wallet + }, ] diff --git a/src/views/main/Footer.vue b/src/views/main/Footer.vue index d656559..0dd42a2 100644 --- a/src/views/main/Footer.vue +++ b/src/views/main/Footer.vue @@ -1,63 +1,63 @@  \ No newline at end of file diff --git a/src/views/main/Wallet.vue b/src/views/main/Wallet.vue new file mode 100644 index 0000000..432d386 --- /dev/null +++ b/src/views/main/Wallet.vue @@ -0,0 +1,10 @@ + + +