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

Change header.vue btn

Browse Source
This commit is contained in:
PascalMarchesseault
2024-06-28 10:41:17 -04:00
parent 879e3d0ce9
commit d8dada8489
2 changed files with 60 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/views/main/Header.vue
View File

@@ -64,40 +64,36 @@
<div v-if="!currentUser">
<v-list-item class="nav-button">
<v-list-item-title>
<router-link to="/login">
Connexion
</router-link>
<v-btn to="/login" class="w-100 " variant="plain">Connexion</v-btn>
</v-list-item-title>
</v-list-item>
</div>
<div v-if="currentUser">
<v-list-item class="nav-button">
<v-list-item-title>
<router-link :to="`/${currentUserName}`">
{{ currentUserName }}
</router-link>
<router-link :to="`/${currentUserName}`">
<v-btn class="w-100 " variant="plain"> {{ currentUserName }}</v-btn>
</router-link>
</v-list-item>
<v-list-item class="nav-button">
<v-list-item-title >
<v-btn to="/profile" class="w-100 " variant="plain">Mon profil</v-btn>
</v-list-item-title>
</v-list-item>
<v-list-item class="nav-button">
<v-list-item-title>
<router-link to="/profile">
Mon profil
</router-link>
<v-btn to="/wallet" class="w-100 " variant="plain"> Mon wallet</v-btn>
</v-list-item-title>
</v-list-item>
<v-list-item class="nav-button">
<v-list-item-title>
<router-link to="/wallet">
Mon wallet
</router-link>
<v-btn to="/wallet" class="w-100 " variant="plain"> Mon wallet</v-btn>
</v-list-item-title>
</v-list-item>
<v-list-item class="nav-button" @click="navigateToMessages">
<v-list-item-title>Messages</v-list-item-title>
</v-list-item>
<v-list-item class="nav-button" @click="logout">
<v-list-item-title>Déconnexion</v-list-item-title>
<v-list-item class="nav-button">
<v-list-item-title>
<v-btn @click="logout" to="/wallet" class="w-100 " variant="plain"> Déconnexion</v-btn>
</v-list-item-title>
</v-list-item>
</div>
</v-list>
@@ -109,7 +105,7 @@
</header>
</template>
<script setup>
<script setup>
import MyUserModel from "@/models/myUserModel.js";
import {useClient} from "@/plugins/api.js";
import {ref, onMounted, onBeforeUnmount} from "vue";
@@ -182,6 +178,7 @@ onBeforeUnmount(() => {
.search-container {
position: relative;
}
.nav-button:hover {
@apply bg-[#903175] text-gray-200;
}