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:
@@ -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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user