Formaté DefaultLayout + j'ai effacé un fichier pas utilisé
This commit is contained in:
PascalMarchesseault
@@ -1,41 +0,0 @@
|
||||
<template>
|
||||
|
||||
|
||||
<div class="md:flex hidden items-center justify-between flex-col">
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="md:hidden flex flex-col items-center justify-center">
|
||||
<v-container class=" footer-donate-container">
|
||||
|
||||
<h1 style="text-align: center; color: rgb(107, 0, 101); margin-bottom: 4%;"> ENCOURAGEZ-MOI </h1>
|
||||
|
||||
|
||||
<v-text-field label="Montant"
|
||||
style="color: rgb(107, 0, 101); background-color: rgb(255, 255, 255);"></v-text-field>
|
||||
|
||||
<v-text-field label="Message"
|
||||
style="color: rgb(107, 0, 101); background-color: rgb(255, 255, 255);"></v-text-field>
|
||||
|
||||
<v-btn style="margin-bottom: 3px; background-color: rgb(163, 14, 121); color: white;" rounded="xl"
|
||||
size="x-large" block>Faire un don</v-btn>
|
||||
|
||||
</v-container>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<style>
|
||||
.footer-donate-container {
|
||||
|
||||
background-color: rgb(255, 255, 255);
|
||||
|
||||
}
|
||||
</style>
|
||||
@@ -2,14 +2,15 @@
|
||||
|
||||
<body style="background-color: #f4f4f4;">
|
||||
|
||||
<!-- Version pour ordinateur -->
|
||||
<!-- PC Version -->
|
||||
<v-card style="z-index: 1000; background-color: #ffff;" class="hidden-sm-and-down" hidden-sm-and-down elevation="5">
|
||||
<v-container style="z-index: 2000; margin-bottom: .8%; margin-top: -.3%; margin-right: 1%;">
|
||||
<v-row justify="end" style="margin-top: .2%; margin-bottom: -1.2%;">
|
||||
|
||||
<v-menu :location="location">
|
||||
<template v-slot:activator="{ props }">
|
||||
<div class="d-flex align-center" v-bind="attrs" v-on="on">
|
||||
|
||||
<!-- Profile picture in the top right corner -->
|
||||
<img src="/images/anonyme.png" class="header-profile-icon mr-2" alt="Logo">
|
||||
<v-btn flat style="min-width: 200px; font-size: 1.3rem;" dark v-bind="props">
|
||||
ANONYME
|
||||
@@ -17,45 +18,46 @@
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<v-list style="padding: 0;"> <!-- Supprimer le padding pour que les boutons occupent toute la largeur -->
|
||||
<!-- Dropdown Menu Profile/Connection -->
|
||||
<v-list style="padding: 0;">
|
||||
<v-list-item>
|
||||
<router-link :to="{ name: 'yourprofile' }">
|
||||
<v-btn class="full-width-btn" flat>Mon profile</v-btn>
|
||||
</router-link>
|
||||
</v-list-item>
|
||||
<v-list-item>
|
||||
|
||||
<v-btn class="full-width-btn" flat>Déconnexion</v-btn>
|
||||
|
||||
</v-list-item>
|
||||
</v-list>
|
||||
</v-menu>
|
||||
|
||||
|
||||
</v-row>
|
||||
</v-container>
|
||||
</v-card>
|
||||
|
||||
<!-- Version pour mobile -->
|
||||
<!-- Mobile version -->
|
||||
<v-card style="z-index: 9000; background-color: #f4f4f4;" class="hidden-md-and-up" hidden-md-and-up>
|
||||
<v-app-bar app>
|
||||
<v-app-bar-nav-icon @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
|
||||
<v-row>
|
||||
<v-col cols="11" class="d-flex align-center justify-center">
|
||||
|
||||
<!-- Logo Top bar -->
|
||||
<img src="/images/Chevron2.png" class="mobile-header" alt="Logo">
|
||||
</v-col>
|
||||
|
||||
</v-row>
|
||||
</v-app-bar>
|
||||
|
||||
<!-- Left-side Menu -->
|
||||
<v-navigation-drawer v-model="drawer" temporary>
|
||||
<v-list>
|
||||
<v-list-item subtitle="Pascal@hutopy.com" title="Pascal Marchesseault">
|
||||
<template v-slot:prepend>
|
||||
<img src="/images/pascal.jpg" class="mobile-profile-picture mini-profile-picture " alt="Avatar">
|
||||
</template>
|
||||
|
||||
</v-list-item>
|
||||
</v-list>
|
||||
|
||||
<!-- Left-side Button -->
|
||||
<v-divider></v-divider>
|
||||
<v-list density="compact" nav>
|
||||
<h1 class="h1-navigation">Navigation</h1>
|
||||
@@ -66,72 +68,27 @@
|
||||
<v-list-item prepend-icon="mdi-account-multiple" title="Amis" value="friends"></v-list-item>
|
||||
</RouterLink>
|
||||
<v-list-item prepend-icon="mdi-newspaper" title="Contenu" value="content"></v-list-item>
|
||||
<v-divider style="margin-top: 20%;"></v-divider>
|
||||
|
||||
<v-list-item prepend-icon="mdi-wallet" title="Portefeuille" value="wallet"></v-list-item>
|
||||
<v-list-item style="margin-top: 110%;" prepend-icon="mdi-logout" title="Déconnexion"
|
||||
value="logout"></v-list-item>
|
||||
|
||||
</v-list>
|
||||
</v-navigation-drawer>
|
||||
</v-card>
|
||||
|
||||
|
||||
<main class="px-8 py-3 ">
|
||||
<router-view />
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { auth } from '@/stores/auth.js';
|
||||
import { useRouter } from 'vue-router';
|
||||
|
||||
const store = auth();
|
||||
const router = useRouter();
|
||||
|
||||
const logout = () => {
|
||||
store.logout();
|
||||
router.push('/login');
|
||||
}
|
||||
|
||||
const user = store.user;
|
||||
|
||||
import { ref } from 'vue';
|
||||
const drawer = ref(false);
|
||||
</script>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
|
||||
|
||||
|
||||
|
||||
data() {
|
||||
return {
|
||||
imageSrc: '../../../images/guillaimeaime3x.png',
|
||||
drawer: false,
|
||||
items: [
|
||||
{ title: 'Item 1' },
|
||||
{ title: 'Item 2' },
|
||||
{ title: 'Item 3' },
|
||||
],
|
||||
};
|
||||
|
||||
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.full-width-btn {
|
||||
width: 100%;
|
||||
|
||||
text-align: left;
|
||||
|
||||
padding-left: 24px;
|
||||
|
||||
padding-right: 24px;
|
||||
|
||||
z-index: 1001;
|
||||
}
|
||||
|
||||
@@ -178,7 +135,6 @@ export default {
|
||||
|
||||
}
|
||||
|
||||
|
||||
.mobile-header {
|
||||
height: 50px;
|
||||
|
||||
|
||||
@@ -1,7 +1,6 @@
|
||||
<template>
|
||||
<div style="background-color: #f4f4f4;">
|
||||
<DefaultLayout></DefaultLayout>
|
||||
|
||||
<DefaultLayout style="margin-bottom: 30px"></DefaultLayout>
|
||||
|
||||
<!-- "Mobile -->
|
||||
<v-row class="fluid hidden-md-and-up social-mobile-container"
|
||||
|
||||
Reference in New Issue
Block a user