modified: main_dc/BB/bbvue/src/App.vue

modified:   main_dc/BB/bbvue/src/main.js
	modified:   main_dc/BB/bbvue/src/views/Profile.vue
add links from profile icons to login and logout on header
This commit is contained in:
2025-10-24 11:44:05 +05:00
parent 3ddf0f186c
commit 13204f1baf
3 changed files with 21 additions and 9 deletions
+15 -3
View File
@@ -21,12 +21,16 @@
<div class="menu-box">
<!-- Отображение зависит от авторизации -->
<div class="menu-box-item" v-if="isAuthenticated">
<Icon icon="material-symbols:account-circle" class="profile-icon authed" />
<RouterLink to="/logout" class="r-link logout">
<Icon icon="material-symbols:account-circle" class="profile-icon authed" />
</RouterLink>
</div>
<div class="menu-box-item" v-else>
<Icon icon="material-symbols:no-accounts" class="profile-icon nonAuthed" />
<RouterLink to="/login" class="r-link login">
<Icon icon="material-symbols:no-accounts" class="profile-icon nonAuthed" />
</RouterLink>
</div>
<div class="menu-box-item h-menu">
<NavigationMenu />
</div>
@@ -109,6 +113,14 @@ export default {
align-items: center;
}
.r-link {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.profile-icon {
color: rgb(30, 255, 0);
}